JS 中怎么用 Promise.race 捕获最先改变状态的异步任务结果-js教程-PHP中文网

promise.race返回第一个settled的promise结果（无论fulfilled或rejected），用于超时控制、竞速请求等场景；其余promise继续执行但不改变结果。

js 中怎么用 promise.race 捕获最先改变状态的异步任务结果

Promise.race 会监听一组 Promise，一旦其中**任意一个**完成（fulfilled 或 rejected），就立即以它的结果（值或错误）作为整个 race 的结果，其余未完成的 Promise 不再影响返回值——但它们仍会继续执行（不会自动取消）。

基本用法：拿到第一个“跑完”的结果

适用于需要“最快响应”的场景，比如多接口冗余请求、设置超时、竞态控制等。

传入一个 Promise 数组，返回一个新的 Promise
只要有一个 Promise 变成 fulfilled，race 就以该值 resolve
只要有一个 Promise 变成 rejected，race 就以该错误 reject（即使其他是成功的）

常见示例：带超时的请求

用 Promise.race 包裹真实请求 + 一个定时 reject 的 Promise，就能实现“超时即失败”：

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

function fetchWithTimeout(url, timeout = 5000) {
  const controller = new AbortController();
  const timeoutPromise = new Promise((_, reject) => {
    setTimeout(() => reject(new Error('请求超时')), timeout);
  });
  const fetchPromise = fetch(url, { signal: controller.signal });

  return Promise.race([fetchPromise, timeoutPromise]);
}

// 使用
fetchWithTimeout('/api/data')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error('失败了：', err.message));