如何在Javascript Promise竞速时保证所有Promise执行完成？

1. 原生JS API说明 #

没有原生JavaScript API可以直接实现「返回最快完成的Promise结果，同时让其他Promise继续执行」的需求：

• Promise.race仅会等待第一个完成的Promise并返回其结果，但不会处理其他Promise的后续执行逻辑；
• Promise.all必须等待所有Promise完成后才返回结果，无法满足你提前返回的要求。

2. 结合Cloudflare Worker waitUntil的实现方案 #

核心思路是：先启动所有Promise，用Promise.race获取最快结果返回给客户端，再通过waitUntil让Worker在返回响应后继续执行剩余Promise的逻辑。

代码示例

// 定义带标识的Promise（用于区分不同来源）
type PromiseWithSource<T> = {
  promise: Promise<T>;
  source: string;
};

// 初始化所有需要执行的Promise
const tasks: PromiseWithSource<T>[] = [
  { promise: googlePromise(), source: "google" },
  { promise: amazonPromise(), source: "amazon" },
  { promise: cloudflarePromise(), source: "cloudflare" },
];

// 包装Promise，让race返回结果和对应来源
const raceTasks = tasks.map(({ promise, source }) =>
  promise.then((result) => ({ result, source }))
);

// 获取最快完成的结果
const winner = await Promise.race(raceTasks);

// 让剩余Promise在后台继续执行
tasks.forEach(({ promise, source }) => {
  if (source !== winner.source) {
    // waitUntil确保Worker不会在返回响应后立即终止
    context.waitUntil(
      promise.catch((err) => {
        // 处理落败Promise的错误，避免未捕获异常
        console.error(`[${source}] 任务执行失败:`, err);
      })
    );
  }
});

// 返回最快结果给客户端
return new Response(JSON.stringify(winner.result), { status: 200 });

关键细节

• 所有Promise在初始化时就已经开始执行，Promise.race只是等待第一个完成的结果，不会阻止其他Promise的执行；
• waitUntil会告知Cloudflare Worker：在返回响应后，继续等待传入的Promise完成再终止进程；
• 必须为落败的Promise添加catch处理，避免未捕获的Promise rejection导致Worker运行异常。

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