Как решить Var из области видимости в вызове setTimeout
-
04-07-2019 - |
Вопрос
Я пытаюсь вызвать setTimeout из обратного вызова setInterval:
function callback()
{
//assign myVar
var myVar = document.getElementById("givenID");
//...
//now wait 2 secs then call some code that uses myVAr
setTimeout("myVar.innerHTML = 'TEST'", 2000);
}
setInterval("callback();", 10000);
setInterval работает должным образом, но вызов setTimeout не выполняется. Я предполагаю, что проблема связана с тем фактом, что я ссылаюсь на переменную (myVar), которая находится вне области действия.
Какой лучший способ решить эту проблему?
Решение
Это идеальный кандидат на закрытие:
setInterval(
function ()
{
var myVar = document.getElementById("givenID");
setTimeout(
function()
{
// myVar is available because the inner closure
// gets the outer closures scope
myVar.innerHTML = "Junk";
},2000);
}, 10000);
Ваша проблема связана с областью видимости, и это обойдется.
Другие советы
У меня была похожая проблема. Проблема заключалась в том, что я пытался вызвать метод изнутри себя через setTimeout (). Как-то так, что не работает для меня:
function myObject() {
this.egoist = function() {
setTimeout( 'this.egoist()', 200 );
}
}
myObject001 = new myObject();
myObject001.egoist();
Следующее ТАКЖЕ НЕ РАБОТАЕТ:
... setTimeout( egoist, 200 );
... setTimeout( egoist(), 200 );
... setTimeout( this.egoist, 200 );
... setTimeout( this.egoist(), 200 );
... setTimeout( function() { this.egoist() }, 200 );
Решением было использовать оператор () следующим образом:
function myObject() {
this.egoist = function() {
with (this) { setTimeout( function() { egoist() }, 200 );}
}
}
myObject001 = new myObject();
myObject001.egoist();
Конечно, это бесконечный цикл, но смысл, который я здесь подчеркиваю, другой.
Надеюсь, это поможет:)
В качестве передового опыта старайтесь не использовать строки в качестве параметров для setTimeout
и setInterval
, поскольку это вызовет eval
.. Использование следующей формы также может облегчить понимание / отладку этой проблемы:
setInterval(function () {
// do stuff
// ...
// now wait 2 secs then call someFunction
setTimeout(someFunction, 2000);
}, 10000);
Запустите его в Firefox и проверьте Инструменты | Консоль ошибок. если setTimeout не удается, он может сказать вам, почему там.
Кроме того, попробуйте заменить " someFunction (); "
на " alert ('hi') "
(без точки с запятой) и посмотрите, работает ли это. Если это так, проблема значительно сужается.