Promise.race使用异常：代码提前执行而非并行触发

问题根源 #

你的核心问题有两个：

1. 原始代码中，new Promise()会立即执行内部回调逻辑，导致定时器和reload()先后启动，无法真正并行进入Promise.race
2. 尝试的重构代码里，promise2中reload()执行后直接resolve，完全没等待reload完成（如果reload是异步函数的话）；同时多余的async/await包裹反而混淆了Promise的执行时机

正确重构方案 #

分两种场景处理：

场景1：reload是异步函数（返回Promise）

如果reload本身是异步的（比如包含网络请求、文件操作），直接将其等待逻辑绑定到Promise即可：

async function test() {
  // 1分钟超时Promise
  const timeoutPromise = new Promise(resolve => {
    setTimeout(() => resolve("超时"), 60000);
  });

  // 绑定reload执行逻辑的Promise
  const reloadPromise = (async () => {
    await reload(); // 等待reload异步执行完成
    return "执行成功";
  })();

  // 并行执行两个Promise，取最先完成的结果
  const result = await Promise.race([timeoutPromise, reloadPromise]);
  console.log(result);
}

场景2：reload是同步耗时函数（CPU密集型）

如果reload是同步的耗时操作，直接执行会阻塞事件循环，导致定时器无法触发。此时需要把它放到异步执行队列中：

async function test() {
  const timeoutPromise = new Promise(resolve => {
    setTimeout(() => resolve("超时"), 60000);
  });

  // 将同步reload放入异步队列，避免阻塞事件循环
  const reloadPromise = new Promise(resolve => {
    setImmediate(() => {
      reload(); // 执行同步耗时操作
      resolve("执行成功");
    });
  });

  const result = await Promise.race([timeoutPromise, reloadPromise]);
  console.log(result);
}

关键注意事项 #

• Promise执行时机：确保两个Promise在Promise.race调用时同时启动，避免提前创建导致先后执行
• 绑定reload的完成状态：必须在reload真正执行完成后再resolve对应的Promise，原始代码中直接在reload()后resolve是错误的
• 同步耗时操作的特殊处理：同步代码会阻塞事件循环，定时器无法正常触发，必须放到异步上下文（setImmediate、setTimeout(..., 0)或Web Worker）中执行

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