generator,yield个人理解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了generator,yield个人理解相关的知识,希望对你有一定的参考价值。

 

实验代码:

 1   function test1(arg){
 2         setTimeout(function(){
 3             // it.next(arg);
 4             console.log(‘先执行,并不触发‘);
 5         },200)
 6     }
 7     
 8     function test2(){
 9         setTimeout(function(){
10             it.next(‘第一个‘)
11         },0)
12     }
13   // 编写一个Generator;
14     function *gen(){
15         var a = yield test1(‘hhhhhhhh‘);
16         console.log(a);
17         var b = yield test2();
18         console.log(b);
19     }
20 
21     var it = gen();

1.代码存在一个gen()函数, 第14行 存在两个yield 语句,(15,17)

2. 执行gen()函数(21行),以为是Generator函数,所以函数体内语句不会执行,只是返回一个迭代器,

3.在console 中执行 it.next(),

gen函数会执行到第一个yield语句(15行),gen函数在此停止,并且触发test1函数,输出 "先执行,并不触发",

技术分享

4. 再执行 it.next(),gen()函数从刚才停止位置开始执行: 16~17行

技术分享

因为a无返回值,所以首先输出的是 undefined;

执行到17行,gen()函数理应在此停止,因为触发的test2 函数体内触发了 it.next(‘第一个’),所以gen()函数返回值并且继续向下执行;

it.next() 在test1,test2 函数中的作用是:返回值给当前yield,并且触发下一个 yield 执行

取消test1中注释的 it.next(arg), 触发gen() 执行会一直执行到gen()函数结束

 

问题点: 

1.test1, test2 中的it.next()并不输出 {value: ‘undefined‘, done: false},

2. 在 test1 中可以获取下一个yield 中的 {value: ‘undefined‘, done: false}

 3. it.next() 产生的 {value: ‘undefined‘, done: false}, 其中的value 就是其触发的yield 后面跟得表达式产生的值;

以上是关于generator,yield个人理解的主要内容,如果未能解决你的问题,请参考以下文章

es6 generator 函数中的yield理解

深入解释yield和Generators

ES6之Generator

Generator函数

Python并发编程理解yield from协程

深入浅出学习Python的yield和generator