ES6积累

一、ECMAScript 是什么？有什么作用？
ECMAScript是JavaScript的组成部分，JavaScript没了它可是不行的，ECMAScript就是JavaScript中的语法规范！ECMAScript是属于国际标准化的语言，所有浏览器开发商都要按照它制定的标准来开发浏览器。开发者也一样，按照它的规定来编程代码。

• 语法 – 解析规则，关键字，语句，声明，操作等
• 类型 – 布尔型，数字，字符串，对象等
• 原型和继承
• 内置对象和函数的标准库 – JSON，数字（Math），数组方法，对象内省的方法等等。

二、let关键字
用let声明变量只在块级作用域起作用，适合在for循环使用，也不会出现变量提升现象。同一个代码块内，不可重复声明的相同变量，不可重复声明函数内的参数。
注意事项：

1. 同一个块级作用域内，不允许重复声明同一个变量；
2. 函数内不能用let重新声明函数的参数。

三、map和set
JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是合理的。
1、map
map是一组键值对的结构，查找速度快。

语法：

var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
m.get('Michael'); // 95

var m = new Map(); // 空Map  初始化
m.set('Adam', 67); // 添加新的key-value
m.set('Bob', 59);
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 删除key 'Adam'
m.get('Adam'); // undefined

由于一个key只能对应一个value，所以，多次对一个key放入value，后面的值会把前面的值替换掉。

2、set
Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key。

语法：

var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3

• 重复元素在Set中自动被过滤
• 通过add(key)方法可以添加元素到Set中，可以重复添加，但不会有效果
• 通过delete(key)方法可以删除元素

四、iterable类型
遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。

1、for…of循环遍历数组

var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { // 遍历Array
    alert(x);
}
for (var x of s) { // 遍历Set
    alert(x);
}
for (var x of m) { // 遍历Map
    alert(x[0] + '=' + x[1]);
}

for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x in a) {
    alert(x); // '0', '1', '2', 'name'
}

2、forEach()方法

var a = ['A', 'B', 'C'];//数组的forEach()
a.forEach(function (element, index, array) {
    // element: 指向当前元素的值
    // index: 指向当前索引
    // array: 指向Array对象本身
    alert(element);
});

Set没有索引，因此回调函数的前两个参数都是元素本身：

var s = new Set(['A', 'B', 'C']);//set的forEach()
s.forEach(function (element, sameElement, set) {
    alert(element);
});

Map的回调函数参数依次为value、key和map本身：

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
    alert(value);
});

如果array数组不是所有参数都需要，也可以只写一个参数element。