当前JavaScript中如何正确中止正在运行的async/await异步函数？

当前ECMAScript及Web生态下最通用、最标准的异步取消方案是基于AbortController的取消信号模式，这是目前浏览器、Node.js 15+、Deno、Bun等所有主流运行时原生支持的实现，已经成为行业通用规范，替代了早年未落地的自定义取消令牌提案。

核心逻辑：await本身无法直接中断，要取消等待本质是让被await的Promise支持接收取消信号，主动终止内部执行逻辑，同时抛出终止错误让外层await捕获、跳出等待状态。

标准实现示例 #

1. 改造耗时异步函数，支持接收AbortSignal #

function oneHourLastingFunction(signal) {
  return new Promise((resolve, reject) => {
    // 先判断信号是否已经被触发取消
    if (signal.aborted) {
      return reject(new DOMException('Operation aborted', 'AbortError'));
    }

    // 监听取消事件
    const abortHandler = () => {
      // 这里添加终止内部逻辑的代码：比如清除定时器、关闭网络连接、终止计算任务等
      clearTimeout(longTimeTask);
      reject(new DOMException('Operation aborted', 'AbortError'));
    };
    signal.addEventListener('abort', abortHandler, { once: true });

    // 原有耗时逻辑示例：模拟1小时的执行任务
    const longTimeTask = setTimeout(() => {
      signal.removeEventListener('abort', abortHandler);
      resolve('任务执行结果');
    }, 3600 * 1000);
  });
}

2. 调用侧实现取消逻辑 #

// 生成取消控制器
const controller = new AbortController();

async function myFunc() {
  try {
    // 传入控制器的signal信号
    let response = await oneHourLastingFunction(controller.signal);
    myProcessData(response);
  } catch (err) {
    // 区分取消错误和其他正常错误
    if (err.name === 'AbortError') {
      console.log('任务已被主动取消，可在此添加取消后的状态重置逻辑');
      return;
    }
    // 其他错误正常处理
    console.error('任务执行失败：', err);
  }
}

// 触发任务执行
myFunc();

// 需要取消等待时，调用abort方法即可，可在用户点击取消、路由跳转、超时等场景触发
// controller.abort();

补充说明 #

• 绝大多数内置异步API已经原生支持AbortSignal参数，比如fetch、浏览器/Node.js的setTimeout、Node.js的fs模块方法、WebSocket构造等，不需要自行封装取消逻辑，直接传入signal即可使用。
• 如果oneHourLastingFunction是不可修改的第三方黑盒函数，不支持接收signal，则无法真的终止其内部执行，只能做“忽略执行结果”的伪取消，外层用包装函数跳出等待即可：

// 第三方不可控函数的伪取消包装
function wrapCancellable(promise, signal) {
  return new Promise((resolve, reject) => {
    if (signal.aborted) return reject(new DOMException('Aborted', 'AbortError'));
    const abortHandler = () => reject(new DOMException('Aborted', 'AbortError'));
    signal.addEventListener('abort', abortHandler, { once: true });
    promise.then(resolve, reject).finally(() => {
      signal.removeEventListener('abort', abortHandler);
    });
  });
}

// 使用示例
await wrapCancellable(oneHourLastingFunction(), controller.signal);

内容的提问来源于stack exchange，提问作者T.Todua