异步函数间传递错误：父级try/catch无法捕获异常的问题

兄弟，我太懂这种父级catch死活抓不到子异步函数错误的憋屈了！你遇到的问题本质是错误没有正确进入父级的Promise链，大概率是下面几个常见的坑导致的，我给你拆解解决办法：

坑1：子函数里有未被await的嵌套异步操作 #

这是最常见的情况！比如你在子函数里用了setTimeout、或者嵌套了另一个async函数但没加await，导致这个异步操作的错误脱离了当前的Promise链，父级自然抓不到，只会触发“未处理Promise拒绝”警告。

举个错误示例：

async function childFunc() {
  // 这里没加await，内部的错误完全脱离了childFunc的Promise链
  setTimeout(async () => {
    throw new Error("嵌套异步的锅！");
  }, 100);
}

async function parentFunc() {
  try {
    await childFunc();
  } catch (err) {
    console.log("父级抓到错误：", err); // 永远不会执行
  }
}
parentFunc();

解决办法：把嵌套异步包装成Promise并await #

把脱离链的异步操作包装成Promise，让它的错误能被当前async函数的Promise捕获：

async function childFunc() {
  await new Promise((resolve, reject) => {
    setTimeout(() => {
      try {
        throw new Error("现在父级能抓到我了！");
        resolve();
      } catch (err) {
        reject(err); // 把错误传递到Promise链
      }
    }, 100);
  });
}

async function parentFunc() {
  try {
    await childFunc();
  } catch (err) {
    console.log("父级抓到错误：", err); // 正常触发！
  }
}
parentFunc();

坑2：子函数内部吞掉了错误 #

如果子函数自己有try/catch，但只处理了错误却没有重新抛出，那父级的catch就拿不到这个错误了。

错误示例：

async function childFunc() {
  try {
    await fetch("/api/bad-url");
  } catch (err) {
    // 只打印错误，没重新抛出，父级完全不知道
    console.log("子函数内部处理：", err);
  }
}

解决办法：重新抛出错误 #

如果需要父级处理，要么去掉子函数的try/catch，要么在子函数的catch里把错误重新抛出去：

async function childFunc() {
  try {
    await fetch("/api/bad-url");
  } catch (err) {
    console.log("子函数先处理一波：", err);
    throw err; // 把错误传递给父级
  }
}

坑3：子函数里调用了Promise但没await #

比如你在子函数里调用了一个返回Promise的函数，但没加await，这个Promise的错误也会逃逸出当前的async函数。

错误示例：

async function childFunc() {
  // 没await，fetch的错误不会进入childFunc的Promise链
  fetch("/api/bad-url");
}

解决办法：加上await #

确保所有返回Promise的异步操作都被await，让错误进入Promise链：

async function childFunc() {
  await fetch("/api/bad-url");
}

核心总结 #

• 所有异步操作（包括嵌套的）都要绑定到当前的Promise链，要么await，要么用Promise的then/catch传递错误
• 子函数的内部catch如果不打算吞掉错误，一定要重新抛出
• 别让任何Promise“裸奔”，不然它的错误就会变成未处理的拒绝警告

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