ES6 쓰기 예

익명 함수 호출

(function(){
  //dosth
})()

{
  //dosth
}

화살표 함수

배열의 내용* 2

[1, 2, 3].map(function(each){
  return each * 2;
});

[1, 2, 3].map(each=> each * 2);
//  
[1, 2, 3].map((each)=> each * 2);
//  
[1, 2, 3].map((each) => {
    return each * 2;
});

기본 매개변수

var introSomeBody = fuction(name){
  name = name || 'Jack';
}

var introSomeBody = (name = 'Jack') => {
}

부정확한 매개 변수

숫자 구화

var sumFn = function(){
  var nums = [].slice.call(arguments);
  var sum = nums.reduce(function(prev, curr){
    return prev + curr;
  }, 0);
  return sum;
}

var sumFn = (...nums) => {
  return nums.reduce((prev, curr)=>{
    return prev + curr;
  }, 0);
}

확장 연산자

배열과 문자열의 전개

var a1 = [1, 2]
var a2 = [0].concat(a1).concat(3)
doSth('abc'.split())
function doSth(x, y, z){}

var a1 = [1, 2]
var a2 = [0, ...a1, 3]
doSth(...'abc')
function doSth(x, y, z){}

Destructuring(Destructuring) 할당

두 변수의 값 교환

var temp = a;
a = b;
b = a;

[a, b] = [b, a]

매개변수 값 지정

var introSomeBody = fuction(options){
  var name = options.name || 'Jack';
  var age = options.age || 18;
  console.log('I am %s, I am %d years old', name, age);
}

var introSomeBody = ({name = "Jack", age = 18}) => {
  console.log('I am %s, I am %d years old', name, age);
}

템플릿 문자열

여러 줄 문자열 맞추기

var data = {
    name: ' ',
    news: {
        name: 'Bable 6 ',
        content: 'Bable 6 ， '
    }
};
var html = (
'
' +
  '
${name}
' +
  '
' +
    '
${newsName}
' +
'${newsContent}' +
'
' +
'
').replace('${name}', data.name)
    .replace('${newsName}', data.news.name)
    .replace('${newsContent}', data.news.content);

var data = {
    name: ' ',
    news: {
        name: 'Bable 6 ',
        content: 'Bable 6 ， '
    }
};
var html = `

  
${data.name}
  

     
${data.news.name}
${data.news.content}

`;