生成器函数通过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()不仅可以获取值,还能向生成器内部传入数据,实现双向交互。
立即学习“Java免费学习笔记(深入)”;
- 在
yield表达式中接收传入值:const received = yield 'hello'; - 调用
it.next('world')时,'world'会作为上次yield的返回值 - 这使得生成器能根据外部输入动态调整行为,像协程一样工作
基本上就这些。生成器简化了迭代器的创建过程,而迭代协议确保它们能在语言各处通用,两者配合既提升了表达力,又保持了性能上的优势。










