ES6中generator函数

基本概念

generator函数主要是解决异步编程问题，

特点（形式上）

function和函数名之间有 “ * ” ，函数内部有yield表达式，如下：

function * helloWorldGenerator() {
  yield 'hello';
  yield 'world';
  return 'ending';
}

var hw = helloWorldGenerator();

generator函数的调用必须调用遍历器对象的next方法,每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield表达式为止,如下

hw.next()
// { value: 'hello', done: false }

hw.next()
// { value: 'world', done: false }

hw.next()
// { value: 'ending', done: true }

hw.next()
// { value: undefined, done: true }

next方法其实是手动调用generator遍历的方法，使用for...of语句能实习自动遍历，如下：

function * foo(){
    yield 1;
    yield 2;
)
for(var a of foo()){                                   
    console.log(a);                          //1,2
}

next函数的参数问题

yield表达式本身没有返回值，但是next方法可以带一个参数，该参数被认为是上一个yield表达式的返回值，这里引用阮一峰大佬的一个例子，

function* f() {
  for(var i = 0; true; i++) {
    var reset = yield i;
    if(reset) { i = -1; }
  }
}

var g = f();

g.next() // { value: 0, done: false }
g.next() // { value: 1, done: false }
g.next(true) // { value: 0, done: false }

上面代码先定义了一个可以无限运行的 Generator 函数f，如果next方法没有参数，每次运行到yield表达式，变量reset的值总是undefined。当next方法带一个参数true时，变量reset就被重置为这个参数（即true），因此i会等于-1，下一轮循环就会从-1开始递增。

这个功能有很重要的语法意义。Generator 函数从暂停状态到恢复运行，它的上下文状态（context）是不变的。通过next方法的参数，就有办法在 Generator 函数开始运行之后，继续向函数体内部注入值。也就是说，可以在 Generator 函数运行的不同阶段，从外部向内部注入不同的值，从而调整函数行为。