AbortSignal.abort() 不是 AbortSignal 实例的方法，必须通过 AbortController.abort() 手动中止；调用后 signal.aborted 立即为 true，关联的 fetch 等 API 会拒绝，事件监听器同步触发。
AbortSignal.abort() 本身不是 AbortSignal 实例的方法，不能直接调用 signal.abort() —— 这是常见误解。正确做法是通过 AbortController 的 abort() 方法来手动中止请求，它会自动触发关联的 AbortSignal 的 abort 事件并置 signal.aborted 为 true。
AbortController 是手动中断的核心
AbortController 实例提供 abort() 方法，调用后：
- 其
signal属性（即 AbortSignal 实例）的aborted属性立即变为true - 所有监听
signal.addEventListener('abort', ...)的回调会被同步触发 - 使用该 signal 的
fetch、setTimeout（配合AbortSignal.timeout()）、stream.read()等 API 会立刻拒绝或终止
fetch 请求中手动中止的典型写法
示例：点击按钮提前取消正在进行的 fetch 请求
const controller = new AbortController();
const signal = controller.signal;
// 发起请求
const request = fetch('/api/data', { signal })
.then(res => res.json())
.catch(err => {
if (err.name === 'AbortError') {
console.log('请求已被手动取消');
} else {
console.error('其他错误:', err);
}
});
// 手动中止（例如用户点击“取消”按钮时）
document.getElementById('cancelBtn').addEventListener('click', () => {
controller.abort(); // ✅ 正确：调用 controller.abort()
// signal.abort(); ❌ 错误：AbortSignal.prototype 上没有 abort 方法
});
注意 signal.aborted 的读取时机
signal.aborted 是只读属性，反映当前是否已中止。它在 controller.abort() 调用后**立即生效**，可用于条件判断：
立即学习“Java免费学习笔记（深入）”；
- 在异步操作前检查：
if (signal.aborted) return; - 在事件监听器中响应：
signal.addEventListener('abort', () => {...}) - 不建议轮询
aborted，应依赖事件或 Promise 拒绝机制
搭配 timeout 使用更灵活
现代浏览器支持 AbortSignal.timeout(ms)，但若需手动干预（如用户主动取消），仍要搭配 AbortController：
const controller = new AbortController();
const timeoutSignal = AbortSignal.timeout(5000);
const combinedSignal = AbortSignal.any([controller.signal, timeoutSignal]);
fetch('/api/data', { signal: combinedSignal })
.catch(err => {
if (err.name === 'AbortError') {
if (controller.signal.aborted) {
console.log('用户手动取消');
} else {
console.log('请求超时');
}
}
});
// 用户点击取消
cancelBtn.addEventListener('click', () => controller.abort()); 
