ES6学习——生成器（Generators）：生成器+迭代器

时间：2021-06-20 23:32:13

我们知道生成器也是迭代器，所以操作迭代器的方法都可以用来操作生成器，下面逐一过下：

function* genFunc() {
    yield 'a';
    yield 'b';
}

1）next方法直接调用 

let genObj = genFunc();

genObj.next()//{ value: 'a' , done: false }
genObj.next()//{ value: 'b' , done: }
genObj.next()//{ value:  undefined, done: true  }


2）for-of循环 

for (let x of genFunc()) {
    console.log(x);//a b
}


3）spread操作符

let arr = [...genFunc()]; // ['a', 'b']

4）数组解构赋值 

let [x, y] = genFunc();//x=a，y=b


我们知道生成器最后有个返回值的，那么这个返回值会不会影响这些操作结果呢？ 

function* genFuncWithReturn() {
    yield 'a';
    yield 'b';
    return 'result';
}


let genObjWithReturn = genFuncWithReturn();
genObjWithReturn.next()//{ value: 'a', done: false }
genObjWithReturn.next()//{ value: 'b', done: false }
genObjWithReturn.next()//{ value: 'result', done: true }//return的结果多为done为true时的value值

for (let x of genFuncWithReturn()) {
    console.log(x);//a b
}

let arr = [...genFuncWithReturn()]; // ['a', 'b']

从上面的例子可以看出，next函数调用最后一步或有影响，剩下的操作符基本都是忽略return返回值的。


*以上全部代码在Chrome 48下通过测试

标签：

相关文章