为何try...catch仅处理最后一个Promise拒绝？如何实现全量错误处理

代码示例 #

async function all(...params) {
  let result = [];
  for (let promise of params) {
    try {
      let res = await promise;
      result.push(res);
    } catch (e) {
      result.push({
        error: e
      });
    }
  }
  return result;
}

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(3);
  }, 3000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject(1);
  }, 1000);
});

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(2);
  }, 2000);
});

all(promise1, promise2, promise3).then(console.log);

问题解答 #

1. 为何try...catch仅在最后一个Promise拒绝时生效？

Promise创建后会立即执行，你的代码存在以下逻辑漏洞：

• 当promise2在1秒后拒绝时，循环还在await promise1（需要3秒才完成），此时promise2的拒绝状态已触发，但尚未被await，也没有任何错误处理逻辑绑定它，JS引擎会判定这是未处理的Promise拒绝。
• 只有当循环走到某个Promise并执行await时，try/catch才能捕获其拒绝；最后一个Promise的拒绝会被捕获，是因为循环执行到它时才会触发await，此时不管它何时拒绝，都会进入当前的try/catch逻辑。

2. 如何修改代码以正确处理所有Promise的拒绝？

核心是提前给每个Promise绑定错误处理逻辑，确保无论何时拒绝，都不会成为未处理状态。可以将每个Promise包装为永远resolve的状态，要么返回成功结果，要么返回错误对象：

修改后的代码：

async function all(...params) {
  let result = [];
  for (let promise of params) {
    // 对原始Promise进行包装，确保所有状态都被捕获
    const res = await promise
      .then(res => res)
      .catch(err => ({ error: err }));
    result.push(res);
  }
  return result;
}

// 以下Promise定义不变
const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(3);
  }, 3000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject(1);
  }, 1000);
});

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(2);
  }, 2000);
});

all(promise1, promise2, promise3).then(console.log);

也可以先批量包装所有Promise再循环await，效果一致：

async function all(...params) {
  // 批量包装Promise，提前处理所有错误
  const wrappedPromises = params.map(promise => 
    promise.then(res => res).catch(err => ({ error: err }))
  );
  
  let result = [];
  for (let promise of wrappedPromises) {
    result.push(await promise);
  }
  return result;
}

修改后所有Promise的拒绝都会被提前处理，不会触发未处理Promise拒绝错误，同时能按顺序收集每个Promise的结果或错误信息。

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