javascript - 在多个 javascript 对象内调用 setInterval 和clearInterval 函数

Question

我正在尝试在使用“new”运算符创建的js对象内使用“setInterval”和“clearInterval”函数。

html:

<button onclick="testList.push(new Test());">run</button>

js:

Test = function(){
   this.y = 0;
   this.dy = 10;
   that = this;
   this.interval = setInterval(function(){
        that.y += that.dy;
        if (that.y>300){
            console.log(that.y);  //prints y in console
            clearInterval(that.interval);
        }
   }, 10);
}

JFIDDLE

当我单击“运行”按钮时，它会按我的预期工作。但是，当我在上一个间隔未清除之前多次单击“运行”按钮时(快速单击按钮多次时)，则间隔不会被清除并且 y 无限增加。我在这里犯了什么错误？

提前谢谢您...

Answer 1

您正在创建一个全局变量that，它将覆盖以前的Test实例引用:

that = this;

声明变量时应该使用 var 关键字:

var that = this;