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

确实，原生的 setTimeout 挺让人头疼的——它只会返回一个计时器ID用来取消定时器，但完全没提供内置方法来查看这个定时器到底是已经执行完回调，还是还在等待触发。要实现你想要的「只在定时器未执行时取消它」的逻辑，我们可以自己封装一个带状态追踪的定时器工具，非常简单实用。

实现思路 #

核心就是给定时器加一个状态标记，当回调函数执行时，自动把这个标记改成「已完成」，这样我们就能随时检查状态了。

封装后的示例代码 #

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

  return {
    id,
    get isCompleted() {
      return isCompleted;
    },
    clear() {
      clearTimeout(id);
    }
  };
}

怎么用？ #

按照你的需求，这样就能实现条件判断取消的逻辑：

// 创建一个带状态追踪的定时器
const trackedTimer = createTrackedTimeout(() => {
  console.log("Executed");
}, 1000);

// 检查状态，只有未执行时才取消
if (!trackedTimer.isCompleted) {
  trackedTimer.clear();
}

额外说明 #

• 这个封装完全兼容原生逻辑，只是多了状态追踪的能力
• 就算你在定时器执行完之后调用 clear()，也不会有任何副作用——原生的 clearTimeout 本来就允许传入已经失效的ID
• 如果需要批量管理多个定时器，也可以基于这个思路扩展，比如维护一个追踪列表

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