Javascript生成器(Generator)的介绍与使用

本文介绍了JavaScript生成器的基本概念,通过实例展示了如何创建和使用生成器,以及for...of循环在生成器上的应用。重点讲解了yield关键字和生成器的生命周期。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

----Generators 生成器

function* abc(){

    yield 'aa';
    yield 'bb';   //一个简单的生成器

}
let temp = abc();   //创建一个迭代器
console.log(temp.next());  //  value: 'aa', done: false
console.log(temp.next());  //  value: 'bb', done: false
console.log(temp.next());  //  value: 'undefined', done: true
---------------------------------

function *createGenerator() {

 for(let i=0;i<20;i++) {

 yield i

 }

}

const generator = createGenerator()

console.log(generator.next())

console.log(generator.next())

运行结果

{ value: 0, done: false }
{ value: 1, done: false }

---------

虽然可以在生成器对象上手动调用 next,但我们主要是要在循环中使用。看一下这个稍作修改的程序。

function *createGenerator() {

 for(let i=0;i<5;i++) {

 yield i

 }

}

const generator = createGenerator()

for(const value of generator) {

 console.log(value)

}

当在 for...of 循环中使用生成器对象时,每次循环都会在生成器对象上调用 next,并用产生的值填充变量(上面的 value)。运行该程序将会输出以下内容:

0
1
2
3
4

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值