如何在Promise.all([p1,p2])完成后执行p3并返回三者的Promise？

你的代码为什么不可行 #

你的实现存在两个核心问题：

1. Array.push()返回的是数组的新长度（比如原数组长度为2时，push后返回3），而非数组本身。因此Promise.all(p.push(p3))实际是把数字传给了Promise.all，会导致错误的执行结果。
2. 如果p3是预先创建好的Promise实例，它会在定义时立即开始执行，根本无法实现“仅在p1、p2完成后才启动”的需求。

最佳实现方式 #

要满足需求，核心是让p3延迟启动，因此必须把p3包装成一个返回Promise的函数（比如const p3 = () => new Promise(...)），确保它只在p1、p2完成后才被调用执行。

方式1：链式then调用 #

function() {
  // ...
  return Promise.all([p1, p2])
    .then(([res1, res2]) => {
      // p1、p2完成后，启动p3并等待其结果
      return p3().then(res3 => [res1, res2, res3]);
    });
}

方式2：async/await（更直观易读） #

async function() {
  // ...
  // 先等待p1和p2全部完成
  const [res1, res2] = await Promise.all([p1, p2]);
  // 启动p3并等待其完成
  const res3 = await p3();
  // 返回三者的结果数组
  return [res1, res2, res3];
}

如果业务允许p3提前执行（仅需等待三者都完成后返回结果），直接用Promise.all([p1, p2, p3])即可，但这不符合你“p3延迟启动”的核心需求。

关于拒绝Promise的处理 #

是否需要特殊处理取决于业务需求：

• 快速失败场景：如果p1或p2失败时，你希望立即终止流程、不启动p3，无需额外处理——Promise.all会在第一个Promise拒绝时立即抛出错误，后续代码不会执行，p3也不会启动。但建议在调用该函数的地方添加.catch()，避免出现未处理的Promise拒绝。
• 容错处理场景：如果希望即使p1/p2失败，仍继续执行p3，或单独处理某个Promise的错误，需要给对应的Promise添加.catch()捕获错误，示例：

  // 允许p1失败，用null代替结果，继续执行p2和p3
  async function() {
    const [res1, res2] = await Promise.all([
      p1.catch(err => null),
      p2
    ]);
    const res3 = await p3().catch(err => null);
    return [res1, res2, res3];
  }
  

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