yield的理解

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

yield的理解：yield命令是异步两个阶段的分界线
需要先对迭代器和生成器进行理解：

迭代器：是一种支持next（）操作的对象。它包含一组元素，当执行next（）时，返回其中一个元素；当所有元素都被返回后，生成一个StopIteration异常；

生成器：迭代器的一种，是一种特殊的函数，通过使用yield操作将函数构造成迭代器普通的函数有一个入口，有一个返回值；当函数被调用时，从入口开始执行，结束时返回相应的返回值。生成器定义的函数，有多个入口和多个返回值；对生成器执行next()操作，进行生成器的入口开始执行代码，yield操作向调用者返回一个值，并将函数挂起；挂起时，函数执行的环境和参数被保存下来；对生成器执行另一个next()操作时，参数从挂起状态被重新调用，进入上次挂起的执行环境继续下面的操作，到下一个yield操作时重复上面的过程。

function *foo2(x) {
var y = * (yield (x + ));
var z = yield (y / );
return (x + y + z);
} var it2 = foo2( ); // note: not sending anything into `next()` here
console.log( it2.next() ); // { value:6, done:false }
console.log( it2.next() ); // { value:8, done:false }
console.log( it2.next() ); // { value:42, done:true }

解析上面的代码：it2创建Generator实例，执行 Generator的next方法，可以接收一个参数，作为上个阶段异步任务的返回结果

第一次执行next方法返回x+1 =6 函数未执行完毕；

第二次执行next方法，接收一个参数，作为上个阶段异步任务的返回结果（x+1），被函数体内的变量 y接收 y =2*12=24，第二次执行返回（y/3）=8，函数未执行完毕；

第三次执行，从记录的上下文继续执行，接收参数被z接收 z = （y/3），参数13作为上次返回结果（y/3），z=13.执行return 6+24+13=42；函数执行完毕；