JavaScript高级请求库通过AbortController实现超时中断，用递归+指数退避策略支持可控重试，精准区分网络错误、HTTP错误与业务错误，并统一返回结构化响应与语义化错误类型。
JavaScript 中实现支持超时中断与错误重试的高级请求库，核心在于封装 fetch（或 XMLHttpRequest），并手动控制请求生命周期：用 AbortController 实现超时中断，用递归/循环 + 延迟策略实现可控重试，同时合理区分网络错误、响应错误与业务错误。
用 AbortController 主动中断超时请求
原生 fetch 不支持直接设置超时，但可通过 AbortController 配合 setTimeout 实现精准中断：
- 创建
AbortController实例，将其signal传入fetch的options.signal - 启动定时器，超时后调用
controller.abort()，此时fetch会抛出AbortError - 注意：
abort()不会取消已发出的网络请求（底层 TCP 连接仍存在），但能阻止 Promise 继续 resolve/reject，避免后续逻辑误执行
设计可配置的重试机制
重试不是简单“失败就再发”，需考虑失败类型、次数上限、退避策略和拦截条件：
- 只对特定错误重试：如网络异常（
TypeError）、502/503/408 等临时性状态码，跳过 400/401/404 等客户端错误 - 支持指数退避：第 n 次重试前等待
baseDelay * 2^(n-1)毫秒，避免雪崩；可加随机抖动防同步冲击 - 提供重试钩子：如
onRetry(error, attempt)，便于打日志或上报监控 - 允许外部中断：重试过程中若调用
abort()，应立即停止所有待执行的重试任务
统一错误分类与结构化返回
高级请求库应屏蔽底层差异，暴露语义清晰的错误类型和响应数据：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
- 定义错误子类：如
NetworkError（连接失败）、TimeoutError（超时中断）、HttpError（非 2xx 响应）、AbortError（主动取消） - 响应体自动解析：根据
Content-Type尝试转为 JSON / text / arraybuffer，失败则保留原始Response对象供手动处理 - 返回值统一 Promise 结构：
{ data, response, error }或使用Result类型（类似 Rust 的 Result），避免频繁 try/catch
轻量封装示例（核心逻辑）
以下是一个最小可行的高级请求函数骨架（不依赖第三方库）：
async function advancedFetch(url, options = {}) {
const {
timeout = 8000,
retry = 2,
retryDelay = 1000,
retryOn = [502, 503, 504, 408],
signal: externalSignal
} = options;
<p>const controller = new AbortController();
const signal = externalSignal || controller.signal;</p><p>const execute = async (attempt = 1) => {
if (signal.aborted) throw new Error('Request aborted');</p><pre class="brush:php;toolbar:false;">const timeoutId = setTimeout(() => controller.abort(), timeout);
try {
const res = await fetch(url, { ...options, signal });
clearTimeout(timeoutId);
if (!res.ok && retryOn.includes(res.status) && attempt <= retry) {
await new Promise(r => setTimeout(r, retryDelay * Math.pow(2, attempt - 1)));
return execute(attempt + 1);
}
return { data: await res.json(), response: res };
} catch (err) {
clearTimeout(timeoutId);
if (err.name === 'AbortError') throw new TimeoutError('Request timeout');
if (err instanceof TypeError && attempt <= retry) {
await new Promise(r => setTimeout(r, retryDelay * Math.pow(2, attempt - 1)));
return execute(attempt + 1);
}
throw err;
}};
return execute(); }
