JavaScript 中 Promise 怎么实现请求失败的自动重试机制-js教程-PHP中文网

promise本身不内置重试逻辑，需封装函数通过捕获reject、延迟后递归调用实现；支持配置重试次数、延迟时间、错误类型判断，并应在最终失败时抛出错误以便上层处理。

javascript 中 promise 怎么实现请求失败的自动重试机制

Promise 本身不内置重试逻辑，但可以通过封装函数，在捕获错误后递归或循环调用自身来实现自动重试。

核心思路：捕获 reject，延迟后重新执行

关键在于把原始请求包装成一个可重复调用的函数，并在 catch 中判断是否达到重试次数上限。没到上限就等待一段时间再发起下一次 Promise。

每次失败后用 setTimeout 或 Promise.delay 暂停，避免瞬间重试压垮服务
重试次数、延迟时间、是否对特定错误码重试，都应支持配置
最终失败时，仍应 throw 错误，便于上层统一处理

基础重试函数示例

下面是一个通用的 retry 包装器：

function retry(fn, options = {}) {
  const { maxRetries = 3, delay = 1000, shouldRetry = () => true } = options;
<p>return function(...args) {
return fn(...args).catch(err => {
if (maxRetries  setTimeout(() => resolve(), delay))
.then(() => retry(fn, { ...options, maxRetries: maxRetries - 1 })(...args));
});
};
}</p>

使用方式：

const fetchWithRetry = retry(() => fetch('/api/data'), {
  maxRetries: 2,
  delay: 2000,
  shouldRetry: err => err instanceof TypeError || err.status === 503
});
<p>fetchWithRetry().then(res => res.json()).catch(console.error);</p><div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill3430" title="Alibabacloud Sdk Client Initialization For Java"><img
														src="https://img.php.cn/upload/skill/000/000/081/178955835420587.jpg" alt="Alibabacloud Sdk Client Initialization For Java" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill3430" title="Alibabacloud Sdk Client Initialization For Java" class="overflowclass">Alibabacloud Sdk Client Initialization For Java</a>
													<p class="overflowclass">在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill3430" title="Alibabacloud Sdk Client Initialization For Java" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div>

用 async/await 写更直观的重试逻辑

避免嵌套 Promise.then，改用 await + for 循环更易读：

async function retryAsync(fn, options = {}) {
  const { maxRetries = 3, delay = 1000, shouldRetry = () => true } = options;
<p>for (let i = 0; i  setTimeout(r, delay));
}
}
}</p>

调用时直接 await：

try {
  const data = await retryAsync(() => fetch('/api/user').then(r => r.json()), {
    maxRetries: 2,
    delay: 1500
  });
} catch (e) {
  console.error('请求最终失败', e);
}