Зло, скрытое в setTimeout/setInterval.

Как известно, функция setTimeout первым параметром принимает функцию или строку кода, которая будет исполнена. Но я рекомендую отказаться от использования строк. Далее я расскажу, какие ошибки могут возникнуть, и как вообще это работает.

Все сказанное ниже одинаково справедливо и для setTimeout, и для setInterval. Но я разберу тему на примере setTimeout.

Рассмотрим простой пример:

(function(){
  var variable = "someValue";
  
  setTimeout(function(){
    alert( variable );
  }, 1);
  
  setTimeout("alert( variable );", 1);
}());

Первый alert показывает значение переменной, а второго - нет. Вместо него получаем ReferenceError: variable is not defined.

Чтобы понять, почему так происходит, разберемся, как setTimeout работает со строкой. Есть два подхода: как делают все и как делает ie ( в общем, как обычно ).

В !ie строка исполняется в глобальном контексте. Выглядит это примерно так:

function myTimeout(code, delay){
  return setTimeout(function(){
    *!*eval.call(window, code);*/!*
  }, delay);
};

myTimeout('alert("OK")', 1);

ie создает из строки функцию и выполняет ее:

function myTimeout(code, delay){
  return setTimeout(function(){
    *!*Function(code)();*/!*
  }, delay);
};

myTimeout('alert("OK")', 1);

Замечу, что конструктор Function всегда имеет в области видимости только глобальный объект.

Разницу в подходах хорошо иллюстрирует следующий пример:

test = "value",
function(){
  setTimeout("var test = null; alert( window.test );", 1);
}();

FF/Chrome/Opera выдают null (т.е. если в глобальном объекте было важное свойство "test", оно будет "затерто"! а потом ищи, куда оно делось), а ie, благодаря оператору var - "value".

Но, несмотря на эту небольшую разницу, код всегда интерпретируется в глобальном контексте:

test = "value",
function(){
  var test = "some";
  setTimeout("alert( test )", 1); // "value"
}();

Таким образом, в setTimeout код можно передавать в виде строки только в том случае, если в нем используются только глобальные объекты. А лучше и вовсе забыть про эту возможность, и всегда пользоваться только функциями.