JavaScript中的迭代器（Iterators）和生成器（Generators）如何协同工作？

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

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()不仅可以获取值，还能向生成器内部传入数据，实现双向交互。

uBrand Logo生成器

uBrand Logo生成器是一款强大的AI智能LOGO设计工具。

57

查看详情

立即学习“Java免费学习笔记（深入）”；

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

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

以上就是JavaScript中的迭代器（Iterators）和生成器（Generators）如何协同工作？的详细内容，更多请关注php中文网其它相关文章！