Generator函数

基本概念

可以把Generator理解成一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象（Iterator），也就是说Generator函数除了是状态机，还是一个遍历器对象生成函数。

形式上，Generator函数是一个普通函数，但是有两个特征：一是function命令与函数名之间有一个*号，二是函数体内部使用yield语句定义不同的内部状态。

调用Generator函数后，该函数不立即执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，也就是遍历器对象。下一步必须调用该对象的next方法，使得指针移向下一个状态，也就是说每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到吓一跳yield语句（或者return）为止，换言之，Generator函数是分段执行的。yield语句是暂停执行的标记，而next方法可以恢复执行。

function* g(){
    yield 'hello';
    yield 'word';
    return '!'
}
var g1 = g();
//可以不使用next方法，而使用for...of遍历g1，也可以调用next方法
g1.next();        //{value:'hello',done:false}
g1.next();        //{value:'word',done:false}
g1.next();        //{value:'!',done:true}
g1.next();        //{value:undefined,done:true}

for(let i in g1){
    console.log(i)    //'hello','word','!'
}

next方法中的参数

yield语句本身没有返回值，或者说总是返回undefined，next方法可以带有一个参数，该参数会被当做上一条yield语句的返回值。这个功能有很重要的语法意义，Generator函数从暂停状态到恢复运行，其上下文状态是不变的，通过next方法的参数就有办法在Generator函数开始运行后继续向函数体内部注入值，从而调整函数行为

function* test(x){
    var y = 2*(yield(x+1));
    var z = yield(y/3);
    return (x+y+z)
}
var t = test(5);
t.next();        //{value:6,done:false}
t.next();        //{value:NaN,done:false}
t.next();        //{value:NaN,done:true}
var t2 = test(5);
t2.next();        //{value:6,done:false}
t2.next(12);        //{value:8,done:false}
t2.next(13);        //{value:42,done:false}

//t对象第一次调用next时，yield返回undefined，导致y的值为2*undefined（即NaN），除以3后仍然为NaN。
//t2对象第二次调用next时，传了参数12，表示yield(x+1)返回的是12，因此y = 2*12，yield（y/3）返回的值y为8，第三次调用时，传入参数13，因此z的值为13，所以返回的x+y+z为5+24+13 = 42