JavaScript 中 async/await 怎么在重试机制（Retry）中实现失败自动重新请求-js教程-PHP中文网

javascript 中 async/await 配合指数退避与最大重试次数可优雅实现请求自动重试，需捕获异常、判别可重试错误（如网络异常、5xx）、避免重试非幂等操作，并设置超时与次数上限。

javascript 中 async/await 怎么在重试机制（retry）中实现失败自动重新请求

在 JavaScript 中，async/await 配合 指数退避（exponential backoff） 和 最大重试次数限制，可以优雅地实现请求失败后的自动重试。核心思路是：捕获异常、判断是否可重试、延迟后递归或循环重试。

基础重试函数（带次数限制）

封装一个通用的 retry 函数，接收异步操作和配置参数：

fn：要执行的 async 函数（如 fetch 请求）
maxRetries：最大重试次数（默认 3）
baseDelay：初始延迟毫秒数（默认 100ms）

示例实现：

async function retry(fn, { maxRetries = 3, baseDelay = 100 } = {}) {
  for (let i = 0; i  setTimeout(resolve, delay));
    }
  }
}

配合 fetch 使用（处理网络失败与 HTTP 错误）

fetch 默认不会因 4xx/5xx 状态码抛错，需手动检查；网络异常（如断网）才会进 catch。建议统一判定为“可重试错误”：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

网络类错误（TypeError、AbortError）——通常可重试
5xx 响应（服务端错误）——适合重试
4xx 响应（客户端错误，如 400、404）——一般不重试（除非业务明确允许）

增强版 fetch 封装示例：

async function safeFetch(url, options = {}) {
  const res = await fetch(url, { ...options, signal: AbortSignal.timeout(5000) });
  if (res.status >= 500 && res.status // 使用
try {
const data = await retry(() => safeFetch('/api/data'), { maxRetries: 2 });
console.log(data);
} catch (err) {
console.error('请求最终失败:', err.message);
}

支持自定义重试条件与日志

实际项目中常需更精细控制，比如只对特定错误码重试、记录每次尝试状态：

用 retryIf 函数判断是否值得重试（返回 true 才继续）
在 catch 中打印日志，便于排查

扩展写法片段：

async function retryAdvanced(fn, {
  maxRetries = 3,
  baseDelay = 100,
  retryIf = (e) => e instanceof TypeError || /50[0-9]/.test(e.message)
} = {}) {
  for (let i = 0; i  setTimeout(r, delay));
    }
  }
}