JavaScript嵌套try/catch困惑：异步函数错误捕获异常问题

我来帮你梳理这个问题哈！按照正常逻辑，你在secondFunc的else分支里抛出的错误，确实应该被main函数的catch块捕获才对。但你遇到了未处理的Promise拒绝，说明这个流程没走通，我给你分析几个可能的原因和对应的解决办法：

可能的原因1：throw err根本没被执行 #

你先检查下err.x === 'x'这个条件是不是总是成立？如果每次错误都满足这个判断，那代码会进入if分支执行doSomething()，不会走到else里的throw err。这时候secondFunc返回的是一个resolved状态的Promise（因为catch块没抛出错误），自然不会触发main的catch。

解决办法：在else分支里加个日志，比如console.log('进入抛出错误分支')，确认代码确实走到了这里。

可能的原因2：错误是在异步回调里抛出的 #

如果你的实际代码里，throw err是在某个异步操作的回调中执行的（比如setTimeout、或者performSomeRequestExample内部的回调函数里），那这个错误就脱离了async函数的上下文，没办法被async函数包装成rejected的Promise，自然也传不到main的catch里，只会变成未处理的Promise拒绝。

比如这种错误写法：

const secondFunc = async () => { 
  try { 
    await performSomeRequestExample(); 
  } catch(err) { 
    if (err.x === 'x') { 
      doSomething(); 
    } else { 
      // 错误：在异步回调里throw，async函数捕获不到
      setTimeout(() => {
        throw err;
      }, 0);
    } 
  }
}

解决办法：如果必须在异步操作中传递错误，直接返回一个rejected的Promise就行，不用throw：

else {
  return Promise.reject(err);
}

可能的原因3：performSomeRequestExample没有正确返回Promise #

如果这个函数是传统的回调风格（比如用(err, res) => {}），而你没有把它转成Promise，那await根本不会等待它完成，错误也不会被secondFunc的try/catch捕获。

解决办法：把回调风格的函数转成Promise，比如手动包装：

const performSomeRequestExample = () => {
  return new Promise((resolve, reject) => {
    // 原来的回调逻辑
    someCallbackStyleFunc((err, res) => {
      if (err) reject(err);
      else resolve(res);
    });
  });
}

最后确认：main函数的调用方式 #

虽然这个不会导致secondFunc的错误不被捕获，但如果main函数本身没有被正确调用（比如直接在全局作用域写main()），可能会出现迷惑性的日志。建议用自执行异步函数包裹调用：

(async () => {
  await main();
})();

按照上面的步骤排查，应该就能解决你的问题啦！

内容的提问来源于stack exchange，提问作者Zac Webb