JavaScript 中怎么给失败的异步请求做自动重试-js教程-PHP中文网

javascript异步请求自动重试需捕获错误、判断可重试性、控制次数与间隔，推荐封装fetchwithretry函数或用promise递归实现，结合指数退避与状态码过滤，避免重复提交并限制总耗时。

javascript 中怎么给失败的异步请求做自动重试

JavaScript 中给失败的异步请求做自动重试，核心是捕获错误、判断是否可重试、控制重试次数和间隔，并在合适时机重新发起请求。不建议无脑循环重试，而应结合状态码、网络状况和业务语义做合理策略。

用 async/await 封装带重试逻辑的 fetch

最常用的方式是封装一个支持重试的 fetchWithRetry 函数，内部用 try/catch 捕获异常，配合 for 循环 或递归控制重试次数：

每次失败后等待一段延迟（如指数退避：100ms → 200ms → 400ms）
只对特定错误重试（如网络中断、502/503/504 等服务端临时错误）
跳过 4xx 错误（如 401、403、404），它们通常表示客户端问题或资源不存在，重试无意义

示例：

async function fetchWithRetry(url, options = {}, maxRetries = 3) {
  let lastError;
  for (let i = 0; i = 500 && res.status  setTimeout(r, delay));
      }
    }
  }
  throw lastError;
}

用 Promise + 递归实现更灵活的重试控制

适合需要自定义重试条件（如检查响应体字段）、或集成到已有 Promise 链中的场景：

OpenJDK 24 Windows x64

OpenJDK 24 Windows x64 官方参考实现（24+36），适合 Windows 环境进行 Java 开发、编译、运行和版本兼容性验证。

下载

把重试逻辑抽成独立函数，接收原始请求函数、当前重试次数、最大次数等参数
可在 resolve 后进一步解析 JSON 并判断业务错误码（如 { code: 5001, msg: "系统繁忙" }）
支持取消重试（传入 AbortSignal）或添加日志埋点

示例：

function retryAsync(fn, retries = 3, delay = 100) {
  return fn().catch(err => {
    if (retries === 0) throw err;
    return new Promise(res => setTimeout(res, delay))
      .then(() => retryAsync(fn, retries - 1, delay * 2));
  });
}
<p>// 使用
retryAsync(() => fetch('/api/data').then(r => r.json()))
.then(data => console.log(data))
.catch(err => console.error('最终失败:', err));</p>

借助第三方库简化开发（如 p-retry）

如果项目允许引入依赖，p-retry 是轻量可靠的方案，支持超时、自定义重试条件、错误过滤、钩子函数等：

安装：npm install p-retry
自动处理 Promise rejection，无需手动写循环或递归
内置指数退避，默认 10 次重试，可配置 minTimeout、maxTimeout、factor

示例：

import pRetry from 'p-retry';
<p>const runRequest = async () => {
const res = await fetch('/api/submit');
const data = await res.json();
if (data.code === 'BUSY') throw new Error('Service busy');
return data;
};</p><p>pRetry(runRequest, {
retries: 3,
onFailedAttempt: (e) => console.log(<code>尝试失败，${e.attemptNumber} 次，重试中...</code>)
})
.then(result => console.log('成功:', result));</p>