Promise 本身不可取消，但可通过 AbortController 中断 fetch 等支持 signal 的异步操作，使其拒绝并抛出 AbortError；不支持时可用标志位忽略结果。
Promise 本身没有内置的取消机制，所以不能直接取消一个已创建的 Promise。但可以通过外部信号（如 AbortController）中断底层的异步操作（比如 fetch），从而实现“取消效果”。
使用 AbortController 中断 fetch 请求
现代浏览器中，fetch 支持传入 signal 选项，配合 AbortController 可主动中止请求：
- 创建
AbortController实例，获取其signal - 将
signal传给fetch的options - 调用
controller.abort()即可触发中止 - 被中止的
fetch会拒绝并抛出AbortError
示例：
const controller = new AbortController();
const signal = controller.signal;
fetch('/api/data', { signal })
.then(res => res.json())
.catch(err => {
if (err.name === 'AbortError') {
console.log('请求已被取消');
} else {
console.error('其他错误:', err);
}
});
// 3 秒后取消请求
setTimeout(() => controller.abort(), 3000);
封装成可取消的 Promise 工厂函数
为了复用和语义清晰，可以把带取消能力的逻辑封装起来：
立即学习“Java免费学习笔记（深入）”；
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 返回一个对象，包含
promise和cancel方法 - 内部用
AbortController管理生命周期 - 确保多次调用
cancel安全（避免重复 abort 报错）
示例：
function cancellableFetch(url, options = {}) {
const controller = new AbortController();
const promise = fetch(url, {
...options,
signal: controller.signal
}).then(res => {
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return res.json();
});
return {
promise,
cancel() {
controller.abort();
}
};
}
// 使用
const { promise, cancel } = cancellableFetch('/api/posts');
promise.then(data => console.log(data)).catch(e => console.warn(e));
setTimeout(cancel, 2000); // 2 秒后取消
注意：Promise 本身不可取消，只是“不再关心结果”
即使你中止了 fetch，Promise 仍会以 rejection 结束 —— 这不是“销毁 Promise”，而是让它按预期失败。真正的取消发生在网络层（请求被浏览器终止），而非 JS 引擎层面。
- 已 resolve 或 reject 的 Promise 无法逆转
- 没用
AbortController的 Promise（如基于setTimeout或手动 resolve 的）无法真正取消，只能忽略后续回调 - 第三方库如
axios提供自己的取消机制（如CancelToken，但已废弃；推荐用AbortController）
不支持 AbortController 的环境怎么办？
旧版浏览器或 Node.js（v15 之前）不支持 AbortController：
- 前端可引入 polyfill（如
abort-controllernpm 包） - Node.js 推荐升级到 v15+，或使用
node-fetch@3（支持 signal） - 若完全无法用 signal，只能靠业务逻辑“忽略结果”：设置标志位，在回调里检查是否已取消
例如：
let isCancelled = false;
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
if (isCancelled) return; // 忽略结果
resolve('done');
}, 1000);
});
const cancel = () => { isCancelled = true; };
