JavaScript中可通过高阶函数实现重试装饰器：接收异步函数，返回自动重试的新函数；支持自定义最大重试次数、延迟时间、错误过滤条件及指数退避策略，保持原函数签名与Promise语义不变。
用高阶函数实现重试装饰器
JavaScript 中没有原生的 @retry 语法支持（目前 Stage 3 装饰器提案尚未进入标准），但可通过高阶函数自然实现重试装饰逻辑。核心思路是：接收一个异步函数，返回一个新函数，该函数在调用时自动尝试多次，直到成功或耗尽重试次数。
- 重试装饰器应保持原函数签名不变，不改变调用方式
- 需正确传递参数、保留 this 上下文，并原样转发返回值（Promise）
- 失败时应抛出最后一次错误，便于上层统一处理，而非静默吞没
- 建议支持自定义重试间隔（如指数退避）、错误过滤（只对特定错误重试）
基础重试装饰器示例
以下是一个简洁可靠的实现：
function retry(maxAttempts = 3, delayMs = 100) {
return function (targetFn) {
return async function (...args) {
let lastError;
for (let i = 0; i < maxAttempts; i++) {
try {
return await targetFn.apply(this, args);
} catch (err) {
lastError = err;
if (i === maxAttempts - 1) break;
await new Promise(r => setTimeout(r, delayMs * Math.pow(2, i)));
}
}
throw lastError;
};
};
}
<p>// 使用方式
const fetchWithRetry = retry(3, 500)(fetch);</p><p>// 或配合 async/await 封装的 API 调用
async function getUser(id) {
const res = await fetchWithRetry(<code>/api/users/${id}</code>);
if (!res.ok) throw new Error(<code>HTTP ${res.status}</code>);
return res.json();
}
增强版：支持错误条件判断
实际项目中，通常只对网络抖动、超时等临时性错误重试，而不应重试 404 或 401 等业务错误。可扩展装饰器，接受 predicate 函数来决定是否重试：
- predicate 接收 error 和当前 attempt 次数，返回 true 表示允许重试
- 例如：仅当 error 是 TypeError 或 status 为 0 / 5xx 时重试
- 避免对 fetch 返回的 400 错误反复请求，防止无效放大流量
示例片段：
立即学习“Java免费学习笔记（深入）”；
function retryIf(predicate, maxAttempts = 3, baseDelay = 100) {
return function (fn) {
return async function (...args) {
let lastError;
for (let i = 0; i < maxAttempts; i++) {
try {
return await fn.apply(this, args);
} catch (err) {
lastError = err;
if (i === maxAttempts - 1 || !predicate(err, i)) break;
await new Promise(r => setTimeout(r, baseDelay * Math.pow(2, i)));
}
}
throw lastError;
};
};
}
<p>// 只对网络错误或 5xx 响应重试
const safeFetch = retryIf(
(err, attempt) =>
err instanceof TypeError ||
(err.response?.status >= 500 && err.response.status < 600),
3
)(fetch);
与 Promise 装饰结合更安全
若目标函数返回 Promise（如直接包装 fetch 调用结果），可单独封装 Promise 重试工具，避免侵入函数调用链：
- 不修改函数本身，而是装饰其返回的 Promise
- 适用于已存在的一次性 Promise 实例（如
fetch(...).then(...)链） - 确保 then/catch/finally 行为不受影响，不破坏 Promise 状态契约
例如：
async function withRetry(promiseFn, options = {}) {
const { maxAttempts = 3, predicate = () => true } = options;
let lastError;
for (let i = 0; i < maxAttempts; i++) {
try {
return await promiseFn();
} catch (err) {
lastError = err;
if (i === maxAttempts - 1 || !predicate(err)) break;
await new Promise(r => setTimeout(r, 100 * Math.pow(2, i)));
}
}
throw lastError;
}
<p>// 使用
const data = await withRetry(
() => fetch('/api/data').then(r => r.json()),
{ maxAttempts: 2, predicate: e => e.name === 'TypeError' }
);
不复杂但容易忽略
