await 不会阻塞主线程但会暂停 async 函数执行；应使用 Promise.race 实现超时控制、AbortController 主动取消、指数退避重试、监控降级等策略防范无限 pending。
await 后面的 Promise 长时间 pending 不会“卡死” JavaScript 主线程（因为 JS 是单线程事件驱动，await 本身只是暂停当前 async 函数执行，并把控制权交还给事件循环），但会导致该 async 函数一直无法继续、后续逻辑被阻塞、资源无法释放、用户体验停滞。真正需要防范的是“无限等待”带来的不可控延迟和副作用。
用 Promise.race 实现超时控制
最常用且轻量的方式：将目标 Promise 和一个定时 reject 的 Promise 一起 race，任一先完成即结束等待。
示例：
function withTimeout(promise, ms) {const timeout = new Promise((_, reject) =>
setTimeout(() => reject(new Error(`Timeout after ${ms}ms`)), ms)
);
return Promise.race([promise, timeout]);
}
async function fetchData() {
try {
const data = await withTimeout(fetch('/api/data'), 5000);
return await data.json();
} catch (err) {
if (err.message.includes('Timeout')) {
// 处理超时
} else {
// 处理网络错误等
}
}
}
主动取消异步操作（配合 AbortController）
对于 fetch、stream、setTimeout 封装等支持取消的场景，应优先使用 AbortController 从源头中断，避免无效等待和资源泄漏。
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
立即学习“Java免费学习笔记（深入）”；
- fetch 默认支持 signal 选项，传入 abortController.signal 即可中断请求
- 自定义异步函数内部可监听 signal.aborted，并在触发时提前 reject
- 务必在 finally 块或 cleanup 阶段调用 controller.abort() 防止悬空
示例：
const controller = new AbortController();setTimeout(() => controller.abort(), 8000);
try {
const res = await fetch('/api/upload', { signal: controller.signal });
return await res.json();
} catch (err) {
if (err.name === 'AbortError') {
// 请求已被取消
}
}
设置合理的重试策略与退避机制
单纯超时不够健壮；对临时性失败（如网络抖动），应在超时后有限重试，但需避免雪崩。
- 限制最大重试次数（如 3 次）
- 采用指数退避（如 100ms → 300ms → 900ms）降低服务压力
- 每次重试前检查是否已 abort 或用户已离开页面
监控与降级：让 pending 可见、可干预
长时间 pending 不应静默——尤其在 UI 场景中：
- 显示加载状态 + 倒计时/进度提示
- 提供手动取消按钮（触发 abortController.abort()）
- 记录 pending 超时日志，用于分析接口稳定性
- 关键路径可预设 fallback 数据或离线缓存，保障基础可用性
