关于setInterval的采坑记录

在全局变量中设置的setInerval可以很方便的被建立或删除,但是如果对象的某个属性是计时器,当这个对象被销毁之后,计时器并不会消失。

举个例子:

class Student{
  constructor(name){
    this.name = name;
    this.time = setInterval(this.hello,2000);
  }
  hello = ()=>{
    console.log("hello" + this.name);
  }
};

这里我们新建了一个学生类,学生类有一个叫做hello的方法,我们在类里设定一个计时器,调用hello方法。

我们再新建一个实例

var xiaoming = new Student("ming");

在这之后,计时器生效,开始不断打印。

我们都知道,js中删除一个实例的方法就是把他所对应的变量指向null,比如我们想要删除xiaoming,我们只需要这样即可。

 

xiaoming = null;

js会自动帮我们释放属于xiaoming的空间。但是我们观察到,控制台还在不断输出,本来现在已经没有xiaoming.hello这个方法了,这是为什么呢?

我的理解是setInterval的机制是在setInterval的时候,把大量选中的方法扔到EventLoop里,时间到了就立即执行,即使我们后来把这个方法改了,扔进去的方法也改不掉了。

posted @ 2019-09-05 13:30  Dhy2b  阅读(262)  评论(0编辑  收藏  举报