设置和使用单个全局 setTimeout？

Question

刚刚偶然发现this very old question 中关于清除所有 setTimeouts 的评论。

该评论引起了我的兴趣，因为它实际上并没有直接解决问题，而是为跟踪多个计时器的问题提供了一个非常有趣的替代解决方案，但遗憾的是，他没有提供如何实施的示例：

使用全局超时，您的所有其他函数都会派生计时 从。这将使一切运行得更快，更容易管理， 虽然它会为您的代码添加一些抽象...

...我的意思是你有一个全局超时运行一次 50 毫秒。需要计时元素的所有其他功能将 然后从全局超时中获取它。谷歌切换到这个 效率，虽然我再也找不到引用它的文章了。

如何在全局空间中设置我假设的命名计时器，然后在多种情况下在其他地方引用它？

例如，如果我们在全局空间中有这样的东西：

let myGlobalTimer = setTimeout(function(){ myFunc(); }, 50);

这只会每 50 毫秒运行一次 myFunc。

我很确定您不能将动态函数名称传递给setTimeout，那么如何实现呢？

Answer 1

每次触发超时时，您都可以通过数组或Set 函数运行超时。要添加每次迭代都运行的函数，请将其添加到 Set;要阻止它运行，请将其从Set 中删除。例如：

const fns = new Set();
function runAllTasks() {
  for (const fn of fns) {
    fn();
  }
  // Run every 500 ms:
  setTimeout(runAllTasks, 500);
}

fns.add(() => console.log('fn one running'));
const fn2 = () => console.log('fn two running');
fns.add(fn2);
runAllTasks();

// example, remove fn2 from the Set after 1300ms:
setTimeout(() => {
  fns.delete(fn2);
}, 1300);

当然，您也可以使用数组，但是当集合中项目的顺序无关紧要时，Set 更合适。