为什么javascript需要生成器委托_yield星号有何作用？-js教程-PHP中文网

为什么javascript需要生成器委托_yield星号有何作用？

幻影之瞳

发布： 2025-12-19 20:33:08

原创

528人浏览过

yield* 是为解决生成器间嵌套迭代的自然衔接问题而设计的委托迭代机制，可透明转发 next()/throw()/return() 到任意可迭代对象，并自动管理状态与错误传播。

为什么javascript需要生成器委托_yield星号有何作用？

JavaScript 中的生成器委托（yield*）不是为了“简化代码”或“让语法更酷”，而是为了解决生成器函数之间**嵌套迭代逻辑的自然衔接问题**。它让一个生成器可以“透明地把控制权交给另一个可迭代对象”，包括其他生成器、数组、字符串、Map、Set，甚至自定义的迭代器。

yield* 是“委托迭代”，不是“调用并返回”

yield 是暂停并产出一个值；yield* 是暂停当前生成器，并把后续所有 next() 调用“转发”给右侧的可迭代对象，直到它耗尽，再回到原生成器继续执行。

比如：

function* genA() {
  yield 'a';
  yield 'b';
}
<p>function<em> genB() {
yield 1;
yield</em> genA(); // ← 这里不是返回 genA() 对象，而是逐个 yield genA 的每个值
yield 2;
}</p><p>[...genB()] // [1, 'a', 'b', 2]

登录后复制

如果没有 yield*，你得手动循环 genA() 并一个个 yield，既啰嗦又丢失了迭代状态的自动管理。

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

稿定抠图

AI自动消除图片背景

查看详情

它支持任意可迭代协议的对象

yield* 右侧不一定要是生成器。只要对象实现了 [Symbol.iterator] 方法，就能被委托：

yield* [1, 2, 3] → 展开数组
yield* "hi" → 展开字符串（每个字符）
yield* new Map([['a', 1], ['b', 2]]) → 展开键值对数组
yield* myCustomIterator → 只要它有 Symbol.iterator 方法就行

委托过程保持迭代器状态和错误传播

yield* 不是简单复制值。它会真实地将 next()、throw()、return() 都透传过去：

调用 iterator.throw(err) 时，错误会先进入被委托的迭代器（如果它能处理），否则才冒泡到外层
iterator.return(value) 也会触发被委托迭代器的 return（如果实现），用于清理资源
中途 break 或 return 时，被委托的迭代器会被正确关闭

星号 * 的位置是语法约定，不可省略也不可移动

yield* 是一个整体关键字（就像 async 和 await 是配对的），星号属于操作符本身，不是修饰函数或变量。写成 yield *（带空格）会报语法错误；写成 yield*foo() 而不加空格是合法的，但易读性差，惯例总加空格：yield* foo()。

基本上就这些。它不复杂，但容易忽略其背后对迭代协议的深度整合——不是语法糖，而是让生成器真正成为“组合式迭代流”的基石。

以上就是为什么 javascript需要生成器委托_yield星号有何作用？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript前端安全需要注意哪些问题？为什么JavaScript的类型转换令人困惑_如何避免隐式转换带来的问题？ javascript组合函数是什么_如何将多个函数组合在一起 javascript的Web Workers是什么_如何实现多线程编程什么是JavaScript中的严格模式_它如何帮助避免常见错误？