Javascript:如何清除非全局(闭合）设置超时

Javascript: How to clear a non-global (closured) setTimeout?

本文关键字：全局 闭合 超时 设置 清除 何清除 Javascript      更新时间：2023-09-26

我正在努力成为一个好公民，并尽可能多地远离全球范围。有没有办法访问不在全局范围内的 setTimeout 变量？

那么，在这个例子中，有人会如何取消"计时器"？ 

myObject.timedAction = (function(){
    var timer;
        return function(){
            // do stuff
            // then wait & repeat       
            timer = setTimeout(myObject.timedAction,1000);
        };
})();

我已经尝试了clearTimeout(myObject.timedAction.timer,1000);（没有成功），但不确定还能尝试什么。

除非你有对timer的引用，否则你不能这样做，因为你在作用域中将其声明为变量。 您可以执行以下操作：

myObject.timedAction = (function(){
    return function(){
        // do stuff
        // then wait & repeat       
        myObject.timedAction.timer = setTimeout(myObject.timedAction,1000);
    };
})();
clearTimeout(myObject.timedAction.timer);

请注意，上面的代码只允许一个计时器。 如果需要引用多个计时器，则需要对其进行调整。

重点是内部变量是私有的，外部世界无法访问。 所以你必须稍微改变一下你的方法：

myObject.timedAction = (function(){
    var timer;
    var result = function(){
        // do stuff
        // then wait & repeat       
        timer = setTimeout(myObject.timedAction,1000);
    };
    result.cancel = function() {
        clearTimeout(timer);
    };
    return result;
})();
myObject.timedAction();       // start it
myObject.timedAction.cancel() // end it

所以现在计时器只能从闭包内部访问。 是的，你可以向函数添加方法，因为JS很棒。

将计时器句柄放在对象的属性中：

myObject.timedAction = function(){
  // do stuff
  // then wait & repeat
  this.timer = window.setTimeout(function(){ myObject.timedAction(); },1000);
};

请注意，您应该将来自计时器的调用包装在函数中，以便将其作为对象的方法而不是全局函数调用，否则您将无法使用 this 访问您的对象。

现在，您可以使用以下命令停止计时器：

window.clearTimeout(myObject.timer);
相关文章：