你理解的 Generator 是什么？

Generator算是 ES6 中难理解的概念之一了，Generator最大的特点就是可以控制函数的执行。在这一小节中我们不会去讲什么是Generator，而是把重点放在Generator的一些容易困惑的地方。

function *foo(x) {
  let y = 2 * (yield (x + 1))
  let z = yield (y / 3)
  return (x + y + z)
}
let it = foo(5)
console.log(it.next())   // => {value: 6, done: false}
console.log(it.next(12)) // => {value: 8, done: false}
console.log(it.next(13)) // => {value: 42, done: true}

你也许会疑惑为什么会产生与你预想不同的值，接下来就让我为你逐行代码分析原因

• 首先Generator函数调用和普通函数不同，它会返回一个迭代器
• 当执行第一次next时，传参会被忽略，并且函数暂停在yield (x + 1)处，所以返回5 + 1 = 6
• 当执行第二次next时，传入的参数等于上一个yield的返回值，如果你不传参，yield永远返回undefined。此时let y = 2 * 12，所以第二个yield等于2 * 12 / 3 = 8
• 当执行第三次next时，传入的参数会传递给z，所以z = 13, x = 5, y = 24，相加等于42

Generator函数一般见到的不多，其实也于他有点绕有关系，并且一般会配合 co 库去使用。当然，我们可以通过Generator函数解决回调地狱的问题，可以把之前的回调地狱例子改写为如下代码：

function *fetch() {
    yield ajax(url, () => {})
    yield ajax(url1, () => {})
    yield ajax(url2, () => {})
}
let it = fetch()
let result1 = it.next()
let result2 = it.next()
let result3 = it.next()