带你玩转ECMAScript 6，助力你写出高效漂亮的代码

[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 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 = (
'<div class="box">' +
    '<h2 class="box-header">${name}</h2>' +
    '<div class="box-body">' +
        '<h3>${newsName}<h3>' +
        '<div>${newsContent}</div>' +
    '</div>' +
'</div>').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 = `
<div class="box">
  <h2 class="box-header">${data.name}</h2>
  <div class="box-body">
     <h3>${data.news.name}<h3>
     <div>${data.news.content}</div>
  </div>
</div>
`;