JavaScript中是否存在内置方法判断setTimeout回调函数是否已执行？

确实，原生JavaScript里真的没有直接检查单个定时器状态的内置方法，这确实有点不方便对吧？不过我们完全可以自己手动跟踪定时器的状态，轻松实现你想要的逻辑～

方法一：封装一个带状态跟踪的定时器工具 #

最稳妥的方式是封装一个自定义函数，把定时器ID和状态绑定在一起，还能顺便封装清除逻辑：

function createTrackedTimeout(callback, delay) {
  // 用变量跟踪定时器是否处于待处理状态
  let isPending = true;
  
  const timerId = setTimeout(() => {
    // 定时器执行时，更新状态为已完成
    isPending = false;
    callback();
  }, delay);

  return {
    // 暴露原始定时器ID（如果需要直接用clearTimeout的话）
    id: timerId,
    // 提供检查状态的方法
    isPending: () => isPending,
    // 封装清除逻辑，自动更新状态
    clear: () => {
      if (isPending) {
        clearTimeout(timerId);
        isPending = false;
      }
    }
  };
}

使用示例 #

// 创建一个带跟踪的定时器
const myTimer = createTrackedTimeout(() => {
  console.log("定时器执行了！");
}, 1000);

// 之后想要判断并清除的话
if (myTimer.isPending()) {
  myTimer.clear();
  console.log("定时器已被取消");
}

方法二：手动维护状态变量 #

如果只是简单场景，不想封装函数，直接用一个变量跟踪状态也可以：

let timerIsPending = true;
const timerId = setTimeout(() => {
  timerIsPending = false;
  console.log("定时器执行了！");
}, 1000);

// 后续判断逻辑
if (timerIsPending) {
  clearTimeout(timerId);
  // 一定要记得更新状态，避免后续误判
  timerIsPending = false;
}

注意事项 #

• 不管用哪种方式，手动调用clearTimeout后一定要更新状态变量，不然状态会一直停留在“待处理”，导致后续判断出错。
• 定时器执行时，状态会自动更新为“已完成”，不需要额外操作。

其实原生JS不提供这个功能的原因是，定时器ID只是引擎内部的一个标识，并没有对外暴露查询状态的接口，所以只能通过我们自己跟踪的方式来实现需求～

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