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循环有几个缺点
  1. 数组的键名是数字，但是for...in循环是以字符串作为键名"0"、"1"、"2"等
  2. for..in循环不仅遍历数字键名，还会遍历手动添加的其他键，包括原型链上的键。
  3. 某些情况下，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可以更好的复用，避免重复渲染；