promise.race实现超时中断的核心是将目标异步操作与定时reject的promise并行竞争，谁先完成即生效；超时后race立即拒绝，但原操作未真正取消，需配合abortcontroller才能中止底层请求。
用 Promise.race 实现超时中断，核心思路是：把目标异步操作和一个「定时拒绝」的 Promise 一起传入 race，谁先完成（fulfilled 或 rejected），就以它的结果为准。一旦超时 Promise 先触发 reject，整个 race 就立即失败，从而实现中断效果。
构造超时 Promise
超时逻辑本身是一个返回 Promise 的函数，用 setTimeout 在指定时间后调用 reject：
function timeout(ms, reason = 'Operation timed out') {
return new Promise((_, reject) => {
setTimeout(() => reject(new Error(reason)), ms);
});
}
与目标 Promise 一起 race
把你要执行的操作（比如 fetch、自定义异步函数）和超时 Promise 一起传给 Promise.race：
const apiCall = fetch('/api/data');
const racePromise = Promise.race([
apiCall,
timeout(5000) // 5秒超时
]);
racePromise
.then(response => response.json())
.catch(err => {
if (err.message === 'Operation timed out') {
console.log('请求超时，已中断');
} else {
console.log('其他错误：', err);
}
});
注意点和常见问题
-
race 不会取消原始操作：超时后，
fetch等底层请求仍在后台运行，只是你不再监听它。如需真正中止（如 abortfetch），要配合AbortController单独处理；Promise.race只负责控制你的代码逻辑流。 - 避免误判 fulfilled/rejected：确保超时 Promise 只 reject，不 resolve；目标 Promise 若本身可能快速 reject（如网络错误），也可能被误当作“超时”，建议在 catch 中检查错误类型或信息。
-
可封装成通用工具函数：例如
withTimeout(promise, ms)，内部返回Promise.race([promise, timeout(ms)])，提升复用性。
搭配 AbortController 更完整（可选进阶）
如果目标是真正终止网络请求（不只是逻辑中断），可结合 AbortController：
function withTimeoutAndAbort(promiseFn, ms) {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), ms);
return Promise.race([
promiseFn(controller.signal),
timeout(ms).finally(() => clearTimeout(timeoutId))
]);
}
// 使用示例
withTimeoutAndAbort(
(signal) => fetch('/api/data', { signal }),
5000
).catch(err => {
if (err.name === 'AbortError') {
console.log('请求被主动中止');
}
});
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
