AbortController 无法中断同步计算，仅对支持 signal 的异步 API 有效；可通过主动轮询 signal.aborted 并拆分任务为小块实现协作式可取消同步任务。
AbortController 本身不能直接中断 JavaScript 中的同步耗时计算（比如一个超长的 for 循环），它只对支持 signal 的异步 API（如 fetch、setTimeout 封装、stream、indexedDB 等）生效。但你可以通过「主动轮询 + 提前退出」的方式，把原本的同步计算改造成可中断的协作式任务，再配合 AbortController 实现“优雅取消”。
让计算任务支持中断：插入检查点
核心思路是：把大任务拆成小块，在每一块执行完后检查 signal.aborted，若为 true 就立即返回或抛出错误。
- 不要写
for (let i = 0; i 这类无法中断的代码 - 改用递归
setTimeout或queueMicrotask分片执行，并在每次分片前/后检查 signal - 适合场景：数组遍历、数值迭代、字符串解析、简单图像处理等可拆解任务
封装可取消的计算函数（带 signal 支持）
下面是一个通用模式示例：计算前 N 个斐波那契数，支持随时中止：
function fibonacciUpTo(n, { signal } = {}) {
const result = [];
let a = 0, b = 1;
<p>// 检查初始状态
if (signal?.aborted) {
throw new DOMException('Calculation aborted', 'AbortError');
}</p><p>for (let i = 0; i < n; i++) {
if (signal?.aborted) {
throw new DOMException('Calculation aborted', 'AbortError');
}
result.push(a);
[a, b] = [b, a + b];
}</p><p>return result;
}</p><p>// ✅ 更推荐：分片执行（避免阻塞主线程）
async function fibonacciUpToAsync(n, { signal } = {}) {
const result = [];
let a = 0, b = 1;</p><p>for (let i = 0; i < n; i++) {
if (signal?.aborted) {
throw new DOMException('Calculation aborted', 'AbortError');
}
result.push(a);
[a, b] = [b, a + b];</p><pre class="brush:php;toolbar:false;">// 每 1000 步让出控制权，避免卡死 UI
if (i % 1000 === 0) await Promise.resolve();}
立即学习“前端免费学习笔记（深入）”；
return result; }
在实际调用中使用 AbortController 统一管理
创建控制器 → 传 signal 给计算函数 → 调用 abort() 触发取消 → 捕获 AbortError：
const controller = new AbortController();
const { signal } = controller;
<p>// 启动计算（假设是异步分片版本）
const task = fibonacciUpToAsync(1000000, { signal });</p><p>// 3 秒后自动取消（例如用户点了“停止”按钮）
setTimeout(() => controller.abort(), 3000);</p><p>task
.then(console.log)
.catch(err => {
if (err.name === 'AbortError') {
console.log('✅ 用户已取消计算');
} else {
console.error('❌ 计算出错：', err);
}
});进阶技巧：组合多个可取消操作
用同一个 AbortSignal 控制 fetch + 本地计算 + 定时器，实现全链路取消：
- 发起网络请求：
fetch(url, { signal }) - 启动本地处理：
processData(data, { signal })（内部含检查点） - 设置延时清理：
setTimeout(cleanup, 5000, { signal })（需自行封装成可监听 signal 的版本） - 任意一环 abort，其余环节都能感知并退出
