是否有内置方法判断setTimeout回调函数是否已执行？

使用setTimeout时，我们会得到一个可用于取消定时器的timer ID：

const id = setTimeout(() => {
  console.log("Executed");
}, 1000);

clearTimeout(id);

但JavaScript并没有内置方法可以直接检查这个定时器是已经执行完毕，还是仍处于待处理状态。我们需要的是判断定时器的当前状态，而非获取活跃定时器的存储位置，比如想要实现这样的逻辑：

if (/* timer has not executed yet */) {
  clearTimeout(id);
}

解决方案：手动跟踪定时器状态 #

由于运行时没有提供原生的状态查询API，我们只能通过手动维护状态的方式来实现需求，以下是两种常见的实现方式：

1. 简单状态变量跟踪

直接用一个变量标记定时器的状态，在定时器执行或被取消时更新这个变量：

let isTimerPending = true;
const id = setTimeout(() => {
  console.log("Executed");
  isTimerPending = false; // 定时器执行后标记为已完成
}, 1000);

// 需要取消定时器时先判断状态
if (isTimerPending) {
  clearTimeout(id);
  isTimerPending = false; // 取消后也要更新状态，避免后续误判
}

2. 封装成可复用的工具函数

如果需要多次使用这类逻辑，可以封装一个工具函数，返回包含状态检查和取消方法的对象，避免重复代码：

function createTrackedTimeout(callback, delay) {
  let isPending = true;
  const timerId = setTimeout(() => {
    isPending = false;
    callback();
  }, delay);

  return {
    // 返回原始定时器ID（可选）
    id: timerId,
    // 检查定时器是否仍处于待处理状态
    isPending: () => isPending,
    // 安全取消定时器（自动更新状态）
    clear: () => {
      if (isPending) {
        clearTimeout(timerId);
        isPending = false;
      }
    }
  };
}

// 使用示例
const myTimer = createTrackedTimeout(() => {
  console.log("Executed");
}, 1000);

// 检查状态并取消
if (myTimer.isPending()) {
  myTimer.clear();
}

说明 #

无论是浏览器环境还是Node.js环境，都没有暴露可以直接查询setTimeout定时器状态的原生API，因此手动跟踪状态是目前实现该需求的唯一可行方案。

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