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函数。