这是我参与8月更文挑战的第28天，活动详情查看：8月更文挑战

什么是Generator

语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。

执行 Generator 函数会返回一个遍历器对象， 也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。 返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态。

形式上，Generator 函数是一个普通函数，但是有两个特征。 一是，function关键字与函数名之间有一个星号； 二是，函数体内部使用yield表达式，定义不同的内部状态（yield在英语里的意思就是“产出”）

为什么要引入Generator

众所周知，传统的JavaScript异步的实现是通过回调函数来实现的，但是这种方式有两个明显的缺陷：

• 缺乏可信任性。例如我们发起ajax请求的时候是把回调函数交给第三方进行处理，期待它能执行我们的回调函数，实现正确的功能
• 缺乏顺序性。众多回调函数嵌套使用，执行的顺序不符合我们大脑常规的思维逻辑，回调逻辑嵌套比较深的话调试代码时可能会难以定位。

Promise恢复了异步回调的可信任性，具体参见（欸欸这个往后放），而Generator正是以一种看似顺序、同步的方式实现了异步控制流程，增强了代码可读性。

Generator使用

Generator 函数的调用方法与普通函数一样，也是在函数名后面加上一对圆括号。 不同的是，调用 Generator 函数后，该函数并不执行，返回的也不是函数运行结果， 而是一个指向内部状态的指针对象，也就是遍历器对象（Iterator Object）。

下一步，必须调用遍历器对象的next方法，使得指针移向下一个状态。 第一次调用，Generator 函数开始执行，直到遇到第一个yield表达式为止 也就是说，每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行， 直到遇到下一个yield表达式（或return语句）为止。

换言之，Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。

总结

调用 Generator 函数，返回一个遍历器对象，代表 Generator 函数的内部指针。 以后，每次调用遍历器对象的next方法，就会返回一个有着value和done两个属性的对象。 value属性表示当前的内部状态的值，是yield表达式后面那个表达式的值； done属性是一个布尔值，表示是否遍历结束。