Почему setInterval не выполняет функцию, определенную перед ней?

Question

Почему следующий JavaScript не работает должным образом?

$(document).ready(function(){
  function sayHello(){alert("Hello");}
  setInterval('sayHello()', 1000);
});

Answer 1

смените свой код!

$(document).ready(function(){
  function sayHello(){alert("Hello");}
  setInterval(sayHello, 1000);
});

, который должен работать ^ _ ^

fiddle: http://jsfiddle.net/maniator/hmRpS/

Answer 2

Причина, по которой оригинальный код не работает, заключается в том, что, поскольку вы передаете строку в setInterval, она должна выполнить eval () для выполнения кода.Однако к тому времени, когда setInterval готов вызвать код, функция вышла из области видимости (поскольку она определена только в обработчике события ready), и ничего не происходит.

Answer 3

Поскольку функция является локальной для функции ready.

Сделайте его глобальным, и он будет работать:

function sayHello() {
   alert("Hello");
}

$(document).ready(function(){
  setInterval(function() {
      sayHello();
   }, 1000);
});

Answer 4

Мой первый взгляд такой:

setInterval(sayHello, 1000);

Answer 5

setInterval(sayHello, 1000);  .

Answer 6

Краткое объяснение.

setInterval( STRING , NUMBER ) использует eval для интерпретации строки, и это eval выполняется в глобальной области видимости, а не в области действия функции, поскольку характер тайм-аута делает его выпадающим из любой области функции.

sayHello находится внутри функции и как таковая не присутствует в глобальной области видимости.

То есть setInterval( STRING , NUMBER ) выдаст ошибку отсутствующего объекта в данном примере.

setInterval( FUNCTION , NUMBER ) гарантирует, что тайм-аут использует ссылку / указатель и избегает необходимости делать глобальные eval.