JavaScript中不使用全局变量终止异步函数的方法

JavaScript是单线程模型，没有直接“杀死线程”的机制，但可以用AbortController API实现可控的异步任务终止，完全不需要修改foo函数的内部逻辑。

核心思路 #

利用Promise.race()让异步函数的执行和终止信号监听竞争：一旦触发终止信号，race()会优先抛出终止错误，中断当前的await流程，进入catch块处理。

代码实现 #

import functions from 'functions.js'

// 创建全局的终止控制器，用于跨事件传递终止信号
const abortController = new AbortController();
const { signal } = abortController;

// 绑定终止触发事件（比如另一个按钮的点击）
document.getElementById('terminate-btn').addEventListener('click', () => {
  abortController.abort(new Error('执行已被用户终止'));
});

async function handleClick() {
  try {
    // 注意：原代码的for...in遍历取到的是键名，需要通过functions[foo]获取实际函数
    for (const fooKey in functions) {
      // 提前检查信号是否已终止，避免启动新的函数
      if (signal.aborted) {
        throw signal.reason;
      }
      
      const foo = functions[fooKey];
      // 让foo的执行和信号监听竞争
      await Promise.race([
        foo(),
        new Promise((_, reject) => {
          signal.addEventListener('abort', () => reject(signal.reason), { once: true });
        })
      ]);
    }
  } catch (err) {
    console.log('执行终止:', err.message);
  }
}

// 绑定原点击事件
document.getElementById('execute-btn').addEventListener('click', handleClick);

关键细节 #

• AbortController的作用：它的signal对象可以被多个异步任务监听，调用abort()后，所有绑定该信号的监听都会触发终止。
• Promise.race的用法：确保只要终止信号触发，不管foo()是否执行完，都会立即终止当前的await，抛出错误。
• 提前检查信号状态：在每次循环开始前判断signal.aborted，避免在已经触发终止后还启动新的函数执行。

并行执行场景的适配 #

如果需要同时并行执行所有foo函数，同样可以用AbortController结合Promise.all和Promise.race：

async function handleClickParallel() {
  try {
    const taskPromises = Object.values(functions).map(foo => 
      Promise.race([
        foo(),
        new Promise((_, reject) => {
          signal.addEventListener('abort', () => reject(signal.reason), { once: true });
        })
      ])
    );
    
    await Promise.all(taskPromises);
  } catch (err) {
    console.log('并行执行终止:', err.message);
    // AbortController会自动触发所有监听的终止，无需额外操作
  }
}

注意事项 #

• 这种方式不会强制终止foo函数的同步执行（JS单线程无法打断正在运行的同步代码），但会中断后续的await流程，且不会等待foo执行完成。如果foo包含长时间同步操作，只能通过拆分同步任务为异步微任务优化，但这属于函数内部逻辑调整，不符合你的需求。
• AbortController是浏览器和Node.js（v15+）都支持的标准API，兼容性良好。

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