天天看点

JavaScript生成器函数(generator function)

JavaScript生成器函数(generator function)

  • 注意:数组推导式和生成器推导式建议都不要使用。都是非标准语法。
  • 可以使用生成器函数(generator function)
  • 语法:
function* 函数名(参数){函数体}
  1. 生成器函数在执行时能暂停,后面又能从暂停出继续执行。
  • 使用yield关键字可以暂停函数
  1. 调用一个生成器函数,会得到生成器的迭代器对象。
  • 使用next()方法。被首次(后续)调用时,其内的语句会执行到第一个(后续)出现yield的位置为止,yield 后紧跟迭代器要返回的值。
  • yield*(多了个星号),则表示将执行权移交给另一个生成器函数(当前生成器暂停执行)。
  • next()-> {value:value1,done:true|false}
  1. value:表示本次返回的值,即yield表达式返回的值
  2. done:表示生成器后续是否还有​

    ​yield​

    ​语句,即生成器函数是否已经执行完毕并返回。
  • 注意:next()方法时,如果传入了参数,那么这个参数会作为上一条直线的yield语句的返回值
function * gen(){
    yield 10;
    y = yield 'foo';
    yield y;
}

var gen_obj = gen();
console.log(gen_obj.next()); // 10
console.log(gen_obj.next());
console.log(gen_obj.next(11));
console.log(gen_obj.next());      
  1. 示例:计数器生成器版本
const num = function*(n=0){
    while (true){
        if(n>=11) return n;
        yield ++n;
    }
}()

console.log(num.next())
for(let i of num){
    console.log(i)
}      
  1. yield*的示例
function* anotherGenerator(i) {
  yield i + 1;
  yield i + 2;
  yield i + 3;
}

function* generator(i){
  yield i;
  yield* anotherGenerator(i);// 移交执行权
  yield i + 10;
}

var gen = generator(10);

console.log(gen.next().value); // 10
console.log(gen.next().value); // 11
console.log(gen.next().value); // 12
console.log(gen.next().value); // 13
console.log(gen.next().value); // 20      

继续阅读