如何在async-await的try-catch中处理异步Promise错误？

当然可以用async-await搭配try-catch来处理testPromise的错误！这其实是async-await语法里处理异步错误的标准姿势，有时候比链式调用的.catch()更直观，尤其是在有多个异步操作串联的场景下。

咱先模拟一个带错误逻辑的testPromise函数，方便演示：

function testPromise(num) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      // 模拟错误场景：数字大于5就抛出错误
      if (num > 5) {
        reject(new Error(`数字${num}超出阈值！`));
      } else {
        resolve(`成功处理数字${num}`);
      }
    }, 1000);
  });
}

场景1：使用await时的错误处理（阻塞后续代码） #

如果你需要testPromise执行完成后再运行for循环，那用await+try-catch是完美适配的：

async function runWithAwait() {
  try {
    // await会暂停函数执行，直到testPromise完成
    const result = await testPromise(10);
    console.log(result); // 因为testPromise会报错，这行永远不会执行
    
    // 这部分for循环只会在testPromise成功后才运行
    for (let i = 0; i < 3; i++) {
      console.log(`循环执行第${i+1}次`);
    }
  } catch (err) {
    // 捕获testPromise抛出的错误
    console.error('捕获到异步错误：', err.message);
  }
}

runWithAwait();

当testPromise(10)触发reject时，await会把这个错误“抛出”到async函数的执行上下文里，直接进入catch块，你就能在这里做错误处理（比如提示用户、记录日志等）。

场景2：不使用await时的错误处理（非阻塞） #

如果不需要等待testPromise完成，想让它和for循环异步并行，这时候try-catch没法直接捕获错误——因为异步操作已经脱离了当前函数的执行栈。这种情况还是得用Promise自带的.catch()：

async function runWithoutAwait() {
  // 不写await，testPromise立刻异步执行，不会阻塞下面的循环
  testPromise(10)
    .then(result => console.log(result))
    .catch(err => console.error('捕获到异步错误：', err.message));
  
  // for循环会直接开始执行，不用等testPromise结束
  for (let i = 0; i < 3; i++) {
    console.log(`循环执行第${i+1}次`);
  }
}

runWithoutAwait();

总结一下 #

• 当你需要等待异步操作完成再执行后续代码时，把await调用放在try块里，对应的catch块就能捕获所有该异步操作抛出的错误，逻辑清晰且符合同步代码的思维习惯。
• 当你不需要等待异步操作，想让它和其他代码并行时，直接用Promise链式调用的.catch()来处理错误，因为此时async函数不会等待这个Promise的状态变更，外层的try-catch抓不到异步错误。

内容的提问来源于stack exchange，提问作者Daniel.V