setInterval内部获取当前定时器实例的方法验证与匿名无存储定时器实现方案咨询

嘿，我来帮你拆解这个定时器的问题～

先看你给出的代码：获取方式是错误的 #

你写的这段代码里，var thisInterval = this完全拿不到当前的定时器实例。原因很简单：箭头函数不会绑定自己的this，它的this是继承自外层作用域的上下文——如果这段代码写在全局环境，this就是window；如果写在类方法里，this就是类的实例对象，和定时器半毛钱关系都没有。所以后面的clearInterval(thisInterval)根本没法清除目标定时器。

能不能在匿名定时器内部直接获取实例？ #

遗憾的是，原生JavaScript的setInterval并没有提供在回调函数内部直接访问当前定时器ID的机制。setInterval的返回值就是唯一标识这个定时器的ID，但这个ID只会返回给调用它的外部环境，回调函数本身没有内置的引用指向它。

实现“匿名且无外部存储”的定时器方案 #

如果你不想在外部变量里存储定时器ID，可以用闭包来实现“内部存储、外部不可访问”的效果，相当于达到了“匿名无外部存储”的需求：

// 用立即执行函数创建闭包，把定时器ID藏在内部
(function() {
  const intervalId = setInterval(() => {
    fn1();
    fn2();
    if (someMouseDownEventDeclaredSomewhereElse) {
      clearInterval(intervalId);
    }
  }, 100);
})();

这个写法里，intervalId只存在于闭包内部，外部代码完全访问不到，既实现了定时器的匿名性，又能在回调里正确清除自己。

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