ES6文档
一、let和const命令
四、正则的扩展
1、点字符
.含义是除了换行符以外的任意单个字符。
\s也匹配任意字符
五、Symbol
1.两个相同参数的Symbol函数的返回值是不相等的；
// 没有参数的情况 var s1 = Symbol(); var s2 = Symbol();
s1 === s2 // false
// 有参数的情况 var s1 = Symbol('foo'); var s2 = Symbol('foo');
s1 === s2 // false
2、Symbol值可以转为布尔值和字符串值，但是不能转为数值，且不能与其他类型进行运算；
// 不能进行运算
var sym = Symbol('My symbol');
"your symbol is " + sym
// TypeError: can't convert symbol to string
`your symbol is ${sym}`
// TypeError: can't convert symbol to string
// 转字符串
var sym = Symbol('My symbol');
String(sym) // 'Symbol(My symbol)'
sym.toString() // 'Symbol(My symbol)'
// 转布尔值
var sym = Symbol();
Boolean(sym) // true
!sym // false
if (sym) {
// ...
}
Number(sym) // TypeError
sym + 2 // TypeError
3、Symbol值作为对象属性名时，不能用点运算符
var mySymbol = Symbol();
// 第一种写法
var a = {};
a[mySymbol] = "Hello!";
console.log(a[mySymbol]); // Hello!
// 第二种写法
var a = {
[mySymbol]: "Hello!",
};
console.log(a[mySymbol]); // Hello!
// 第三种写法
var a = {};
Object.defineProperty(a, mySymbol, { value: "Hello!" });
console.log(a[mySymbol]); // Hello!
var mySymbol = Symbol();
var a = {};
a.mySymbol = "Hello!";
console.log(a[mySymbol]); // undefined
console.log(a["mySymbol"]); // Hello!
4、在对象内部，使用Symbol值定义属性时，Symbol值必须放在方括号中
六、Proxy和Reflect
1、Proxy概述
Proxy用于修改某些操作的默认行为，等同于在语言层面做出修改。可以理解成，在目标对象之前架设一层“拦截”，因此提供了一种机制，可以对外界的访问进行过滤和改写。
2、 Reflect概述
- 将Object对象的一些明显属于语言内部的方法，放到Reflect对象上。
- 修改某些Object方法的返回结果，让其变得更合理。
- Reflect对象的方法与Proxy对象的方法一一对应，只要是Proxy对象的方法，就能在Reflect对象上找到对应的方法。
七、Iterator和for...of循环
1、Iterator（遍历器）的概念
JavaScript原有的表示“集合”的数据结构，主要是数组(Array)和对象（Object），ES6又添加了Map和Set。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象。这样就需要一种统一的接口机制，来处理所有不同的数据结构。
2、for ... in 和 for ... of
- for ...in循环有几个缺点
- 数组的键名是数字，但是for...in循环是以字符串作为键名"0"、"1"、"2"等
- for..in循环不仅遍历数字键名，还会遍历手动添加的其他键，包括原型链上的键。
- 某些情况下，for...in循环会以任意顺序遍历键名
八、Generator函数
Generator函数可以返回多个内部状态；
取出嵌套数组所有成员：
function* iterTree(tree) {
if (Array.isArray(tree)) {
for (let i = 0; i < tree.length; i++) {
yield* iterTree(tree[i]);
}
} else {
yield tree;
}
}
const tree = ["a", ["b", "c"], ["d", "e"]];
for (let x of iterTree(tree)) {
console.log(x);
}
九、Promise对象
1、Promise的含义
对象的状态不受外界影响。promise对象代表一个异步操作，有三种状态：pending(进行中)、Resolved（已完成，又称fulfilled）和Rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这种状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。
-
一旦状态改变，就不会再变，任何时候都可以得到这个结果。
promise的缺点：
- 一旦新建会立即执行，无法中途取消。
- 内部抛出错误，不会反应到外部。
什么是async/await
async和await是写异步代码的新方式，以前的方法有回调函数和promise。
是基于promise实现的，和Promise一样是非阻塞的，使得异步代码看起来像同步代码；
async和await优点：
1、代码简洁
vue绑定key和无绑定key区别：
1、绑定key可以更好的复用，避免重复渲染；
