generator及其语法糖async/await

其中关于异步操作的处理就引入了Promise和生成器。众所周知，Promise可以在一定程度上解决臭名昭著的回调地狱问题。但是在处理多个异步操作时采用Promise链式调用的语法也会显得不是那么优雅和直观。而生成器在Promise的基础上更进一步，允许我们用同步的方式来描述我们的异步流程。

Generator基本原理

---

generator函数是ES6中一个特殊函数，通过 function* 声明，函数体内通过 yield 来指明函数的暂停点，该函数返回一个迭代器，并且函数执行到 yield语句前面暂停，之后通过调用返回的迭代器next()方法来执行yield语句。

function* generator() {
   
    yield 1;
    yield 2;
    yield 3
}
var gen = generator()

generator 函数就是ES6中的生成器，生成器又可以生成迭代器，代码执行中断，不会一下执行完，这样我们就可以用同步的方式来描述我们的异步流程。

调用generator函数后，该函数并不执行，返回的也不是函数运行的结果，而是一个指向内部状态的指针对象，我们可以通过调用next方法，使指针移向下一个状态。

console.log(gen.next())  //{ value: 1, done: false }
console.log(gen.next())  //{ value: 2, done: false }
console.log(gen.next())  //{ value: 3, done: false }
console.log(gen.next())  //{ value: undefined, done: true }

Generator 可以实例化出一个 iterator ，并且这个 yield 语句就是用来中断代码的执行的，也就是说，配合 next() 方法，每次只会执行一个 yield 语句。

关于yield插个点

yield 后面可以是任意合法的JavaScript表达式，yield语句可以出现的位置可以等价于一般的赋值表达式（比如a=3）能够出现的位置。

b = 2 + a = 3 // 不合法
b = 2 + (a = 3) // 合法

b = 2 + yield 3 // 不合法
b = 2 + (yield 3) // 合法

复制代码yield关键字的优先级比较低，几乎yield之后的任何表达式都会先进行计算，然后再通过yield向外界产生值。而且yield是右结合运算符，也就是说yield yield 123等价于(yield (yield 123))

生成器对象方法

1. return方法。和迭代器接口的return方法一样，用于在生成器函数执行过程中遇到异常或者提前中止（比如在for…of循环中未完成时提前break）时自动调用，同时生成器对象变为终止态，无法再继续产生值。也可以手动调用来终止迭代器，如果在调用return方法传入参数，则该参数会作为最终返回对象的value属性值。

function* generator() {
   
    yield 1