2020-11-25

ES6 Generator 函数组成

Generator 有两个区分于普通函数的部分：

（1）一是在function后面，函数名之前有个*；

（2）函数内部有yield表达式。

其中*用来表示函数为Generator函数，yield用来定义函数内部的状态。

function* function（）{

console.log('one')；

yield ‘1’；

console.log(''two)；

yield ‘2’；

console.log（‘three’）；

return ‘3’；

}

执行机制

调用Generator函数和调用普通函数一样，在函数名后面加上（）即可，但是Generator函数不会像普通函数一样立即执行，而是返回一个指向内部状态对象的指针，所以要调用遍历器对象lterator的next方法，指针就会从函数头部或者上一次停下来的地方开始执行。

f.next();

// one

// {value: "1", done: false}

f.next();

// two

// {value: "2", done: false}

`f.next(); ``

``// three `

// {value: “3”, done: true} `

f.next();

// {value: undefined, done: true}

第一次调用 next 方法时，从 Generator 函数的头部开始执行，先是打印了 one ,执行到 yield 就停下来，并将yield 后边表达式的值 ‘1’，作为返回对象的 value 属性值，此时函数还没有执行完， 返回对象的 done 属性值是 false。

第二次调用 next 方法时，同上步 。

第三次调用 next 方法时，先是打印了 three ，然后执行了函数的返回操作，并将 return 后面的表达式的值，作为返回对象的 value 属性值，此时函数已经结束，多以 done 属性值为true 。

第四次调用 next 方法时， 此时函数已经执行完了，所以返回 value 属性值是 undefined ，done 属性值是 true 。如果执行第三步时，没有 return 语句的话，就直接返回 {value: undefined,done: true}。

函数返回的遍历器对象的方法

next方法

一般情况下，next方法不传入参数的时候，yield表达式的返回值是undefined。当next传入参数的时候，该参数会作为上一步yield的返回值。

（next不传参）除了使用next，还可以使用for…of循环遍历Generator函数生产的lterator对象。

return方法

return方法返回给定值，并结束遍历Generator函数。

return方法提供参数时，返回该参数；不提供参数时，返回undefined。

yield*表达式

yield*表达式表示yield返回一个遍历器对象，用于Generator函数内部，调用另一个Generator函数。