2020-11-10

ES6 教程

ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。
ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。

1. let、const 和 block 作用域
   let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：

2. 箭头函数（Arrow Functions）
   ES6 中，箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =>，紧接着是函数体：
   当然，箭头函数不仅仅是让代码变得简洁，函数中 this 总是绑定总是指向对象自身。

3. 函数参数默认值
   ES6 中允许你对函数参数设置默认值：

4. Spread / Rest 操作符
   Spread / Rest 操作符指的是 …，具体是 Spread 还是 Rest 需要看上下文语境。

当被用于迭代器中时，它是一个 Spread 操作符：

5. 对象词法扩展
   ES6 允许声明在对象字面量时使用简写语法，来初始化属性变量和函数的定义方法，并且允许在对象属性中进行计算操作：

6. 对象词法扩展
   ES6 允许声明在对象字面量时使用简写语法，来初始化属性变量和函数的定义方法，并且允许在对象属性中进行计算操作：

7. 对象和数组解构
   解构可以避免在对象赋值时产生中间变量：

8. 对象超类
   ES6 允许在对象中使用 super 方法：

9. 模板语法和分隔符
   ES6 中有一种十分简洁的方法组装一堆字符串和变量。

${ … } 用来渲染一个变量
` 作为分隔符

10. for…of VS for…in
    for…of 用于遍历一个迭代器，如数组：

11. Map 和 WeakMap
    ES6 中两种新的数据结构集：Map 和 WeakMap。事实上每个对象都可以看作是一个 Map。

一个对象由多个 key-val 对构成，在 Map 中，任何类型都可以作为对象的 key，

12. Set 和 WeakSet
    Set 对象是一组不重复的值，重复的值将被忽略，值类型可以是原始类型和引用类型：

13. 类
    ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。

函数中使用 static 关键词定义构造函数的的方法和属性：

14. Symbol
    Symbol 是一种新的数据类型，它的值是唯一的，不可变的。ES6 中提出 symbol 的目的是为了生成一个唯一的标识符，不过你访问不到这个标识符：