JavaScript jQuery间隔中的全局变量

Question

我有这样的代码

var challegneListener;

$(document).ready(function(){
    var challegneListener = setInterval("challengeListenerBot()",5000);
});

function challengeListenerBot(){
    clearInterval(challegneListener);
}

问题在于间隔不会停止，因为称为ChallengeListenerBot的函数没有将challegneListener变量视为间隔数。 准备好文档后，我必须使用jQuery来启动间隔。

Answer 1

更改此：

$(document).ready(function(){
    var challegneListener = setInterval("challengeListenerBot()",5000);
});

对此：

$(document).ready(function(){
    challegneListener = setInterval("challengeListenerBot()",5000);
});

问题是您要在DOM准备就绪时在匿名函数中声明一个新的challengneListener变量。 它隐藏了全局变量，并且仅将setInterval ID保存到局部变量，该局部变量在其封闭函数完成执行时被垃圾回收。

Answer 2

$(document).ready(function(){
var challegneListener = setInterval("challengeListenerBot()",5000); 
});

在此函数内部使用var会创建一个范围限定于此函数的新变量，这意味着全局定义的challegneListener变量将保持未定义状态，因此不会清除间隔。 删除var以修复此代码。

Answer 3

您隐藏全局变量，删除var ：

$(document).ready(function(){
    challegneListener = setInterval("challengeListenerBot()",5000); 
    // removed the var keyword, because it hides the global var.
});

另一件事，您的代码使用eval ，将其更改为：

challegneListener = setInterval(challengeListenerBot, 5000);