1、Generator简介

基本概念

Generator函数有多种明白角度。从语法上，起首能够把它明白成，Generator函数是一个状况机，封装了多个内部状况。

实行Generator函数会返回一个遍历器对象，也就是说，Generator函数除了状况机，照样一个遍历器对象天生函数。返回的遍历器对象，能够顺次遍历Generator函数内部的每个状况。

形式上，Generator函数是一个一般函数，但是有两个特性。一是，function敕令与函数名之间有一个星号；二是，函数体内部运用yield语句，定义差别的内部状况（yield语句在英语里的意义就是“产出”）。

'use strict';
function * helloWorldGenerator() {
    yield 'hello';
    yield 'world';
    return 'ending';
}
let hw = helloWorldGenerator();

上面代码定义了一个Generator函数helloWorldGenerator，它内部有两个yield语句“hello”和“world”，即该函数有三个状况：hello，world和return语句（终了实行）。

然后，Generator函数的挪用要领与一般函数一样，也是在函数名背面加上一对圆括号。差别的是，挪用Generator函数后，该函数并不实行，返回的也不是函数运转结果，而是一个指向内部状况的指针对象，遍历器对象（Iterator Object）。

2、next要领

挪用遍历器对象的next要领，使得指针移向下一个状况。也就是说，每次挪用next要领，内部指针就从函数头部或上一次停下来的处所最先实行，直到碰到下一个yield语句（或return语句）为止。换言之，Generator函数是分段实行的，yield语句是停息实行的标记，而next要领能够恢复实行。

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函数最先实行，直到碰到第一个yield语句为止。next要领返回一个对象，它的value属性就是当前yield语句的值hello，done属性的值false，示意遍历还没有终了。

第二次挪用，Generator函数从上次yield语句停下的处所，一向实行到下一个yield语句。next要领返回的对象的value属性就是当前yield语句的值world，done属性的值false，示意遍历还没有终了。

第三次挪用，Generator函数从上次yield语句停下的处所，一向实行到return语句（假如没有return语句，就实行到函数终了）。next要领返回的对象的value属性，就是紧跟在return语句背面的表达式的值（假如没有return语句，则value属性的值为undefined），done属性的值true，示意遍历已终了。

第四次挪用，此时Generator函数已运转终了，next要领返回对象的value属性为undefined，done属性为true。今后再挪用next要领，返回的都是这个值。

总结一下，挪用Generator函数，返回一个遍历器对象，代表Generator函数的内部指针。今后，每次挪用遍历器对象的next要领，就会返回一个有着value和done两个属性的对象。value属性示意当前的内部状况的值，是yield语句背面谁人表达式的值；done属性是一个布尔值，示意是不是遍历终了。

3、yield*语句

用来在一个Generator函数内里实行另一个Generator函数，我们需要用yield*语句。

假如yield敕令背面跟的是一个遍历器对象，需要在yield敕令背面加上星号，表明它返回的是一个遍历器对象。这被称为yield*语句。

'use strict';
function *anotherGenerator(i) {
    yield i + 1;
    yield i + 2;
    yield i + 3;
}
function *generator(i) {
    yield i;
    yield *anotherGenerator(i);
    yield i + 10;
}
let gen = generator(10);
console.log(gen.next().value);//10
console.log(gen.next().value);//11
console.log(gen.next().value);//12
console.log(gen.next().value);//13
console.log(gen.next().value);//20
console.log(gen.next().value);//undefined

运转结果就是运用一个遍历器，遍历了多个Generator函数，有递归的结果。