generator,yield个人理解

 

实验代码：

　　function test1(arg){
        setTimeout(function(){
            // it.next(arg);
            console.log('先执行,并不触发');
        },200)
    }
    
    function test2(){
        setTimeout(function(){
            it.next('第一个')
        },0)
    }
　　// 编写一个Generator;
    function *gen(){
        var a = yield test1('hhhhhhhh');
        console.log(a);
        var b = yield test2();
        console.log(b);
    }

    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 后面跟得表达式产生的值；