如何强制终止异步方法运行？TypeScript异步方法终止方案问询

是否可以强制终止正在运行的async方法？或者有没有简便的方式为异步方法添加终止支持？

我有一段用户点击启动按钮即可执行的代码：

async runTests() {
      await this.test1();
      await this.test2();
      await this.test3();
      await this.test4();
      await this.test5();
      await this.test6();
      await this.test7();
      await this.test8();
      await this.test9();
      await this.test10();
}

现在需要实现中途终止该方法的功能，是否有办法取消调用或中途退出？我期望能有类似以下的原生调用：

window.cancelAsyncFunction(this.runTest);

注：TypeScript会将async调用转换为伪async JavaScript，我认为可以手动实现终止，但如果有原生调用会更理想。

1. 使用原生AbortController（推荐） #

现代浏览器和Node.js均支持AbortController，这是标准的协作式异步取消机制，能优雅中断异步操作。需要改造现有方法以支持中止信号：

步骤1：修改sleep方法支持中止 #

sleep(ms: number, signal?: AbortSignal) {
  return new Promise((resolve, reject) => {
    const timer = setTimeout(resolve, ms);
    signal?.addEventListener('abort', () => {
      clearTimeout(timer);
      reject(new DOMException('Sleep aborted', 'AbortError'));
    });
  });
}

步骤2：让测试方法接收并响应信号 #

修改每个testX方法，将信号传入异步操作（比如sleep），并在关键节点检查信号状态：

async test1(signal?: AbortSignal) {
  // 测试逻辑...
  await this.sleep(10, signal);
  // 其他异步操作也需传入signal
  if (signal?.aborted) return;
  // 后续逻辑...
}

步骤3：改造runTests方法 #

async runTests(signal?: AbortSignal) {
  if (signal?.aborted) return;

  const tests = [this.test1, this.test2, this.test3, this.test4, this.test5,
                 this.test6, this.test7, this.test8, this.test9, this.test10];
  
  for (const test of tests) {
    await test.call(this, signal);
    if (signal?.aborted) {
      this.updateStatus('Tests aborted');
      return;
    }
  }
  this.updateStatus('Tests complete!');
}

步骤4：实现启动/终止逻辑 #

private abortController: AbortController | null = null;

// 启动测试
startTests() {
  this.abortController = new AbortController();
  this.runTests(this.abortController.signal).catch(err => {
    if (err.name !== 'AbortError') {
      // 处理非中止类错误
    }
  });
}

// 终止测试
cancelTests() {
  this.abortController?.abort();
  this.abortController = null;
}

2. 手动添加终止标志（轻量适配） #

如果不想大规模修改异步方法，可以用类属性作为终止开关，在runTests的每个步骤后检查：

private isCancelled = false;

async runTests() {
  this.isCancelled = false;
  const tests = [this.test1, this.test2, ..., this.test10];
  
  for (const test of tests) {
    if (this.isCancelled) break;
    await test.call(this);
  }

  this.updateStatus(this.isCancelled ? 'Tests aborted' : 'Tests complete!');
}

cancelTests() {
  this.isCancelled = true;
}

注意：这种方式无法中断正在执行的异步操作（比如已启动的sleep），仅会在当前await完成后停止后续步骤。若需要立即中断，优先选择AbortController。

关于原生全局取消API #

目前不存在类似window.cancelAsyncFunction的原生全局方法。异步函数的执行状态由内部生成器维护，外部无法直接强制终止，必须通过协作式设计让函数自行检查并退出。

内容的提问来源于stack exchange，提问作者1.21 gigawatts