运行 setTimeout 存储在哪里？ [复制]

Question

所以我知道setTimeout 在指定的毫秒数后将传递的回调函数存储在任务队列中。我的问题是那些滴答计时器存储在哪里？例如：

setTimeout(func, 1000);

大约 1 秒后，func 被移动到任务队列，然后 - 在 JS 堆栈中。但是setTimeout 调用和将func 移动到任务队列之间的持续时间呢？ func 在这一秒在期间存储在哪里？

如果我写错了，请纠正我。谢谢！

Answer 1

根据规范，实现WindowOrWorkerGlobalScope mixin 的对象应该存在一个List of Active Timers（换句话说，该列表应该存在于浏览器的window 对象中），但是，似乎它无法访问。关于这个问题还有其他问题（如this）。

无论如何，如果您非常需要跟踪活动计时器（setInterval 和 setTimeout 的列表相同），（在内部，setInterval 与 setTimeout 的工作方式相同，但带有repeat 标志），您可以尝试代理这些方法。

类似这样的：

(这个例子可以扩展，更多的数据可以存储在activeTimers集合中，比如id、handler、duration，甚至还有一些辅助方法可以一次触发或中止每个定时器或所有定时器. 以下应尊重规范。）

(() => {
  const activeTimers = new Set();
  const _setTimeout = window.setTimeout;
  const _setInterval = window.setInterval;
  const _clearTimeout = window.clearTimeout;
  const _clearInterval = window.clearInterval;
  
  window.setTimeout = (cb, duration) => {
    let id = -1;
    
    const wrapper = (...args) => {
      activeTimers.delete(id);
      cb(...args);
    }
    
    id = _setTimeout(wrapper, duration);
    
    activeTimers.add(id);
    
    return id;
  };
  
  window.setInterval = (cb, duration) => {
    const id = _setInterval(cb, duration);
    activeTimers.add(id);
    return id;
  };
  
  window.clearTimeout = (id) => {
    _clearTimeout(id);
    activeTimers.delete(id);
  };
  
  window.clearInterval = (id) => {
    _clearInterval(id);
    activeTimers.delete(id);
  };
  
  // YOU CAN EXPORT THIS METHOD FROM A MODULE INSTEAD OF ADDING IT TO THE window OBJECT.
  window.getActiveTimers = () => {
    return Array.from(activeTimers.values());
  };
})();

// USAGE:

console.log('INITIAL TIMERS:', getActiveTimers());

// EXAMPLE 1

setTimeout(() => {
  console.log('TIMER 1 FINISHED:', getActiveTimers());
}, 1000);
console.log('TIMER 1 ADDED: ', getActiveTimers().toString());

// EXAMPLE 2

const timer2Id = setTimeout(() => {
  console.log('TIMER 2 FINISHED:', getActiveTimers());
}, 1000);
console.log('TIMER 2 ADDED: ', getActiveTimers().toString());

clearTimeout(timer2Id);
console.log('TIMER 2 REMOVED: ', getActiveTimers().toString());

// EXPECTED OUTPUT ORDER: [] -> 1 -> 1,2 -> 1 -> []