JavaScript中Generator中怎么用try-catch包裹yield语句捕获外部注入的错误-js教程-PHP中文网

必须将 yield 表达式置于 try 块内才能捕获 generator.throw() 注入的错误，因为 throw() 会使错误在 yield 所在行“冒泡”，若 yield 在 try 外则生成器直接终止。

javascript中generator中怎么用try-catch包裹yield语句捕获外部注入的错误

不能直接用 try-catch 包裹 yield 语句来捕获外部注入的错误（比如调用 generator.throw()），因为 yield 本身不是抛出错误的源头，而是暂停点；真正触发错误的是外部对生成器的 throw() 调用，它会把错误“注入”到生成器内部当前暂停位置，并在该位置继续执行——此时错误是在 yield 表达式所在行“冒泡”出来的，所以 try-catch 必须包围整个 yield 所在的表达式或语句块。

错误必须被 yield 所在的 try 块捕获

Generator 函数中，generator.throw(err) 会让执行流跳回最近一个未完成的 yield 处，并把 err 当作该 yield 表达式的“异常返回值”。因此，要捕获它，yield 必须处于 try 块内，且 catch 在同一作用域中：

yield 本身不抛错，但它是错误注入的“入口点”
throw() 调用后，控制权回到生成器，执行从 yield 后继续，此时若该 yield 在 try 内，错误就会进入 catch
如果 yield 在 try 外，错误会直接向上冒泡，导致生成器终止（状态变为 "completed"）

正确写法示例

以下是一个可捕获外部 throw() 的典型结构：

OpenJDK 24

OpenJDK 24 Windows x64 官方参考实现（24+36），适合 Windows 环境进行 Java 开发、编译、运行和版本兼容性验证。

下载

function* myGen() {
  try {
    const res = yield 'ready'; // 错误会在这一行“出现”
    console.log('res:', res); // 正常情况下才执行
  } catch (e) {
    console.error('caught:', e.message); // ✅ 捕获 generator.throw() 注入的错误
    yield 'error handled';
  }
}
<p>const g = myGen();
console.log(g.next()); // { value: 'ready', done: false }
console.log(g.throw(new Error('boom'))); // caught: boom → { value: 'error handled', done: false }
</p>

注意 yield 表达式的位置和上下文

常见易错点：

yield 单独一行（如 yield 1;）没有返回值参与计算，此时 throw() 仍会中断执行并进入 catch，但不会影响“左侧变量”（因无赋值）
若写成 const x = yield 1 + riskyCall();，则 riskyCall() 在 yield 求值时同步执行，其抛错属于普通 JS 错误，可被同级 try-catch 捕获；而 generator.throw() 是另一条错误路径，同样走这个 catch
finally 块会在 throw() 或 return() 时执行，适合清理，但不能阻止错误传播（除非再 throw 或 return）