Generator 函数是 ES6 提供的一种异步编程解决方案。Generator函数 可以在的执行过程中暂停，然后也可以从暂停的地方继续执行。Generator 函数不能作为构造函数。

Generator 函数特征 ① function 关键字与函数名之间有一个 *；② 函数体内部使用 yield 表达式。

示例1：

function* foo() {
  for(let i = 0; i < 3; i++) {
    yield i
  }
}
console.log(foo()) // Generator {_invoke: ƒ}
// 注意：Generator 此时并未执行，因为 Generator 函数需要手动执行
// 调用 Generator 函数的固定语法是使用 next() 方法
// 函数会从函数头部或上一次停下来的地方开始执行，直到遇到下一个 yield 表达式（或 return 语句）为止

let f = foo()

console.log(f.next()) // {value: 0, done: false}
// 返回的是迭代器对象
// value 的属性值是 yield 后面的表达式的值
// done 表示当前 Generator 函数是否执行完成

console.log(f.next()) // {value: 1, done: false}
console.log(f.next()) // {value: 2, done: false}

console.log(f.next()) // {value: undefined, done: true}
// 函数运行完毕，以后再调用 next() 方法，返回的都是这个值。

注意：yield 表达式只能用在 Generator 函数里面，用在其他地方都会报错。

function* gen(a) {
  a.forEach(function (item) {
      yield item;
    }
  });
};

上面代码也会产生句法错误，因为 forEach 方法的参数是一个普通函数，但是在里面使用了 yield 表达式。

Generator 函数可以不用 yield 表达式，这时就变成了一个单纯的暂缓执行函数。

function* f() {
  console.log('执行了！')
}

let generator = f();

setTimeout(function () {
  generator.next()
}, 2000);

yield 表达式本身没有返回值，或者说总是返回 undefined。next 方法可以带一个参数，该参数就会被当作上一个 yield 表达式的返回值。

function* gen(x) {
  let y = 2 * (yield(x + 1))
  let z = yield(y / 3)
  return x + y + z
}
let g = gen(5)
console.log(g.next().value) // x为5, 输出(x+1)，即6
console.log(g.next(12).value) // yield(x + 1)这个yield表达式等于12，y等于24，输出(y/3)，即8
console.log(g.next(13).value) // yield(y / 3)这个yield表达式等于13，z等于13，输出x+y+z，即5+24+13，42

Generator 函数的异步应用

function ajax(url, callback) {
  // ...省略ajax请求
}

function request(url) {
  ajax(url, res => {
    getData.next(res)
  })
}

function* gen() {
  let res1 = yield request('a.json')
  console.log(res1)
  let res2 = yield request('b.json')
  console.log(res2)
  let res3 = yield request('c.json')
  console.log(res3)
}
let getData = gen()
getData.next()