ES6 + 新特性 —— 箭头函数与解构赋值的魅力

ES6 可以说是 JavaScript 的一次重大升级，新增的语法特性让这门语言焕发了新生。学到现在，我已经彻底离不开这些新特性了。
首先是箭头函数。写法简洁，而且没有自己的 this：
javascript
运行
// 普通函数
const add = function(a, b) {
return a + b;
};

// 箭头函数
const add = (a, b) => a + b;
最重要的是它没有自己的 this，this 继承自外层作用域。以前用普通函数经常遇到 this 指向错乱的问题，用了箭头函数之后，再也不用费劲保存var _this = this了。
然后是解构赋值，能快速从数组或对象里提取值：
javascript
运行
// 对象解构
const user = { name: '张三', age: 20 };
const { name, age } = user;
console.log(name, age); // 张三 20

// 数组解构
const [a, b] = [1, 2];
console.log(a, b); // 1 2
特别是接收接口返回的数据时，一行解构就能把需要的字段取出来，代码干净又清爽。
还有扩展运算符...，非常万能：
javascript
运行
// 数组合并
const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4]

// 对象浅拷贝
const obj1 = { a: 1 };
const obj2 = { ...obj1, b: 2 }; // { a: 1, b: 2 }
模板字符串也很好用，支持换行和插值：
javascript
运行
const name = '张三';
const str = 你好，我是${name} 今年20岁;
还有 let/const、class、模块化、Set/Map 数据结构…… 每一个特性都解决了过去 JS 开发的痛点。虽然新语法很多，但一个个学下来，能明显感觉到开发效率在提升。