JavaScript中await异步函数时正确捕获Promise rejection的方法

你的两种捕获逻辑全部失效的核心原因是：setTimeout回调内部的reject状态，和errorFunc本身返回的Promise完全没有绑定关系。
具体执行流程拆解：

• 调用errorFunc()时，函数会同步完成所有执行逻辑：仅向事件队列注册定时器回调，因为同步执行段没有抛出错误、也没有返回任何待决Promise，所以errorFunc会立刻返回一个已经成功（fulfilled）、值为undefined的Promise。
• 你对这个已成功的Promise绑定.catch、或是用try-catch包裹await errorFunc()，本质上捕获的都是这个立刻resolved的Promise的状态，自然不会触发错误逻辑。
• 1秒定时器到点后，回调函数执行，内部return Promise.reject("Any error occured!")的返回值，会直接被定时器的执行上下文丢弃，既不是errorFunc返回Promise的一部分，也没有任何捕获逻辑绑定在这个rejected Promise上，最终就变成了游离的未捕获Promise rejection。

要让捕获逻辑生效，必须把setTimeout的异步操作封装成独立的Promise，并且让这个Promise成为errorFunc返回值的一部分，让错误状态沿着Promise链传递：

// 把定时器逻辑封装为返回Promise的工具方法
function getTimeoutPromise() {
  return new Promise((_, reject) => {
    setTimeout(() => {
      reject("Any error occured!");
    }, 1000);
  });
}

async function errorFunc() {
  // 把封装好的Promise加入async函数的执行链，让reject状态可以被上层捕获
  await getTimeoutPromise();
}

async function main() {
  // 链式catch捕获
  await errorFunc().catch((error) => {
    console.log("E in catch:", error);
  });
  
  // try-catch捕获
  try {
    await errorFunc();
  } catch(e) {
    console.log("E in try-catch:", e);
  }
}

main();

避坑提示：

• 永远不要依赖定时器、事件回调这类非Promise风格的异步回调里的return值，这些返回值没有外层接收方，不会形成连续的调用链。
• async函数的错误捕获能力，仅对它内部await/return链路上的Promise状态生效，没有接入这个链路的异步错误是无法被捕获的。

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