登录
首页 >  文章 >  前端

迭代器与生成器怎么配合使用?

时间:2025-10-27 21:29:34 104浏览 收藏

一分耕耘,一分收获!既然都打开这篇《迭代器与生成器如何协作?》,就坚持看下去,学下去吧!本文主要会给大家讲到等等知识点,如果大家对本文有好的建议或者看到有不足之处,非常欢迎大家积极提出!在后续文章我会继续更新文章相关的内容,希望对大家都有所帮助!

生成器函数通过yield暂停执行并返回值,其返回的迭代器可被for...of或扩展运算符直接使用,支持惰性求值与双向通信,提升数据遍历灵活性和控制能力。

JavaScript中的迭代器(Iterators)和生成器(Generators)如何协同工作?

JavaScript中的迭代器和生成器通过内置协议无缝协作,让数据的遍历更灵活高效。生成器函数能快速创建符合迭代器接口的对象,省去手动实现next()等方法的麻烦。

生成器自动实现迭代器协议

生成器函数返回一个对象,这个对象天然具备next()方法,符合可迭代协议。每次调用next(),函数会执行到下一个yield语句并暂停,返回当前值和是否完成的状态。

例如:
  • 定义一个生成器函数:function* gen() { yield 1; yield 2; }
  • 调用后得到一个迭代器:const it = gen();
  • 调用it.next()依次返回{ value: 1, done: false }{ value: 2, done: false }
  • 没有更多yield时,返回{ value: undefined, done: true }

可被原生语法直接消费

由于生成器返回的是可迭代对象,它可以被for...of循环、扩展运算符等语言结构直接使用。

  • for (const val of gen()) { console.log(val); } 能逐个输出结果
  • const arr = [...gen()] 可以将生成器产出的值展开为数组
  • 这种设计让惰性求值与简洁语法结合,适合处理大数据流或无限序列

双向通信增强控制能力

迭代器的next()不仅可以获取值,还能向生成器内部传入数据,实现双向交互。

  • yield表达式中接收传入值:const received = yield 'hello';
  • 调用it.next('world')时,'world'会作为上次yield的返回值
  • 这使得生成器能根据外部输入动态调整行为,像协程一样工作

基本上就这些。生成器简化了迭代器的创建过程,而迭代协议确保它们能在语言各处通用,两者配合既提升了表达力,又保持了性能上的优势。

本篇关于《迭代器与生成器怎么配合使用?》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于文章的相关知识,请关注golang学习网公众号!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>