为何await Promise.all遇错误时无法完成？求解决方法

我原本以为await Promise.all(promises)在遇到错误时仍会继续执行，但实际情况并非如此。是我代码有误，还是对await的理解存在偏差？

以下代码片段可复现该问题：promiseSimulator会返回传入的数字，但若传入的是5则会抛出错误。只有移除错误生成代码后，await Promise.all(promises)之后的代码才会执行；若存在错误，await则永远无法完成。请问如何正确实现需求？

async runTest() {
  const promises: Promise<number>[] = []; 
  for (let i = 0; i < 10; i++) {
    const promise: Promise<number> = this.promiseSimulator(i); 
    promises.push(promise); 
    promise 
      .then((response: number) => console.log('response: ', response)) 
      .catch((error: any) => console.log('error', error)); 
  }
  console.log('begin await all'); 
  await Promise.all(promises); 
  console.log('done await all');
}

private promiseSimulator(input: number): Promise<number> {
  return new Promise<number>(
    (resolve, reject) => {
      setTimeout(() => {
        if (input === 5) {
          reject(new Error("Found a 5")); 
        } else {
          resolve(input); 
        }
      }, 100)
    }
  );
}

核心原因 #

你对Promise.all的特性理解有偏差：只要数组中有一个Promise被reject，Promise.all就会立即抛出该错误，不会等待其他Promise完成。

你给每个Promise单独添加的.catch()只是处理了单个Promise的错误，避免它成为未捕获的异常，但这并不会改变原始Promise的状态——那个传入5的Promise依然是rejected状态，所以await Promise.all(promises)时会直接抛出错误，导致后续的console.log('done await all')永远不会执行。

两种解决方案 #

方案1：使用Promise.allSettled

这是ES2020引入的API，它会等待所有Promise完成（无论成功或失败），返回一个包含所有Promise结果的数组，每个结果对象包含status字段（"fulfilled"或"rejected"），以及对应的value或reason。

修改代码中的await部分：

console.log('begin await all'); 
const results = await Promise.allSettled(promises); 
console.log('done await all');

// 可选：遍历结果处理
results.forEach((result, index) => {
  if (result.status === 'fulfilled') {
    console.log(`Promise ${index} 成功:`, result.value);
  } else {
    console.log(`Promise ${index} 失败:`, result.reason);
  }
});

方案2：包装Promise，确保永远resolve

如果需要兼容不支持allSettled的环境，可以手动给每个Promise添加包装，让它始终resolve，把错误作为resolve的一部分返回：

修改runTest中的Promise创建逻辑：

async runTest() {
  // 定义统一的返回结构
  type PromiseResult = {
    success: boolean;
    value?: number;
    error?: any;
  };

  const promises: Promise<PromiseResult>[] = []; 
  for (let i = 0; i < 10; i++) {
    const promise = this.promiseSimulator(i)
      .then(value => ({ success: true, value }))
      .catch(error => ({ success: false, error }));
    promises.push(promise);
  }

  console.log('begin await all'); 
  const results = await Promise.all(promises); 
  console.log('done await all');

  // 遍历处理结果
  results.forEach((result, index) => {
    if (result.success) {
      console.log('response: ', result.value);
    } else {
      console.log('error', result.error);
    }
  });
}

两种方案对比 #

• Promise.allSettled：语法简洁，语义明确，适合只需要等待所有任务完成、不需要提前中断的场景。
• 手动包装Promise：兼容性更好，可自定义返回结构，适合需要对成功/失败结果做统一格式处理的场景。

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