JavaScript 中 yield await 在异步生成器函数中是否冗余？-js教程-PHP中文网

JavaScript 中 yield await 在异步生成器函数中是否冗余？

在 async generator 函数中，yield await promise 是冗余的：引擎会自动等待 yielded 的 Promise 解析，yield promise 即可获得相同结果，且更高效、更符合规范语义。

在 async generator 函数中，`yield await promise` 是冗余的：引擎会自动等待 yielded 的 promise 解析，`yield promise` 即可获得相同结果，且更高效、更符合规范语义。

JavaScript 规范明确规定：当在 async function* 中使用 yield 返回一个 Promise 时，该 Promise 会被隐式 await——即异步迭代器协议会在内部调用 .then() 等待其 fulfillment，并将解析值作为 value 字段传递给 IteratorResult。这意味着：

✅ yield promise 和 yield await promise 在最终产出值和错误传播行为上完全等价；
⚠️ 但二者在微任务调度时机上存在细微差异：await 会额外插入一层微任务，导致 resolve 延迟一个 tick。

下面通过对比示例直观说明：

Javascript Sdk

用于 inference.sh 的 JavaScript/TypeScript SDK，可运行 AI 应用、构建代理、集成 150+ 模型。包名：@inferencesh/sdk（npm install），完整 TypeScript 支持。

下载

// 示例 1：yield await（不推荐）
const gen1 = async function*() {
  yield await Promise.resolve('yield await');
};

// 示例 2：yield（推荐）
const gen2 = async function*() {
  yield Promise.resolve('yield');
};

// 同步微任务链用于观察执行顺序
Promise.resolve().then(() => console.log(1));
(async () => {
  for await (const val of gen1()) console.log(val); // 输出 'yield await'
})();
Promise.resolve().then(() => console.log(2));

// 输出顺序：1 → 'yield await' → 2（因 await 插入额外微任务）

Promise.resolve().then(() => console.log(1));
(async () => {
  for await (const val of gen2()) console.log(val); // 输出 'yield'
})();
Promise.resolve().then(() => console.log(2));

// 输出顺序：1 → 2 → 'yield'（更早完成，无冗余等待）

⚠️ 重要注意事项：

错误处理完全一致：无论是否显式 await，被 yield 的 Promise 若 rejected，都会被 async generator 内部捕获并转为 throw，进而触发 try/catch（在生成器内）或被 for await...of 的 catch 捕获。无需依赖 await 来“启用”错误传播。
性能与可读性：yield await 不仅多一次 Promise 解包，还违背了 async generator 的设计本意——它专为直接 yield 可等待对象而优化。代码应优先写为 yield promise，简洁且语义清晰。
兼容性无风险：该行为自 ES2018（async generators 正式标准化）起即被所有主流引擎（V8、SpiderMonkey、JavaScriptCore）严格遵循，无例外场景。

✅ 总结：请始终使用 yield promise；yield await promise 是冗余、低效且易引发误解的写法，应从代码库中移除。