«Var» или без «var» в цикле «for-in» JavaScript?

Как правильно написать for-inцикл в JavaScript? Браузер не жалуется ни на один из двух подходов, которые я здесь показываю. Во-первых, есть такой подход, при котором переменная итерации xобъявляется явно:

for (var x in set) {
    ...
}

И в качестве альтернативы этот подход, который читается более естественно, но мне не кажется правильным:

for (x in set) {
    ...
}

Использование var, это уменьшает область действия переменной, в противном случае переменная ищет ближайшее замыкание в поисках varоператора. Если он не может найти, varзначит, он глобальный (если вы находитесь в строгом режиме using strict, глобальные переменные вызывают ошибку). Это может привести к следующим проблемам.

function f (){
    for (i=0; i<5; i++);
}
var i = 2;
f ();
alert (i); //i == 5. i should be 2

Если вы напишете var iв цикле for, появится предупреждение 2.

Область видимости и подъема JavaScript

Первая версия:

for (var x in set) {
    ...
}

объявляет локальную переменную с именем x. Вторая версия:

for (x in set) {
    ...
}

не.

Если xэто уже локальная переменная (т.е. у вас есть var x;или var x = ...;где-то раньше в вашей текущей области (т.е. текущая функция)), они будут эквивалентны. Если xэто еще не локальная переменная, то использование второй неявно объявляет глобальную переменную x. Рассмотрим этот код:

var obj1 = {hey: 10, there: 15};
var obj2 = {heli: 99, copter: 10};
function loop1() {
    for (x in obj1) alert(x);
}
function loop2() {
    for (x in obj2) {
        loop1(); 
        alert(x);
    }
}
loop2();

Вы могли бы ожидать , что это предупреждение hey, there, heli, hey, there, copter, но так как xэто один и тот же она будет предупреждать hey, there, there, hey, there, there. Вы этого не хотите! Используйте var xв forпетлях.

В довершение ко всему: если forцикл находится в глобальной области видимости (т.е. не в функции), то локальная область видимости (при использовании xобъявляется область видимости var x) такая же, как и глобальная область видимости (область xнеявно объявляется в если вы используете xбез var), поэтому две версии будут идентичны.

Вы действительно должны объявлять локальные переменные var, всегда .

Вам также не следует использовать циклы for ... in, если вы не уверены, что это именно то, что вы хотите сделать. Для перебора реальных массивов (что довольно часто встречается) всегда следует использовать цикл с числовым индексом:

for (var i = 0; i < array.length; ++i) {
  var element = array[i];
  // ...
}

Итерация по простому массиву с помощью «for ... in» может иметь неожиданные последствия, потому что ваш цикл может подбирать атрибуты массива помимо численно проиндексированных.

edit - здесь в 2015 году также можно использовать .forEach()итерацию по массиву:

array.forEach(function(arrayElement, index, array) {
  // first parameter is an element of the array
  // second parameter is the index of the element in the array
  // third parameter is the array itself
  ...
});

В .forEach() метод присутствует в прототипе Array начиная с IE9 и далее.

На самом деле, если вам не нравится объявление в forзаголовке, вы можете сделать:

var x;
for (x in set) {
    ...
}

Как упоминалось в других ответах на этот вопрос, неиспользование varвообще вызывает ненужные побочные эффекты, такие как назначение глобального свойства.

Используйте тот, в котором вы объявляете переменную цикла с помощью var. Неявно объявленные переменные имеют другую область видимости, которая, вероятно, не соответствует вашим намерениям.

for(var i = 0; ...)

это часто встречающийся образец, но он отличается от

for(int i; ...)

в C ++ в том, что переменная не привязана к forблоку. Фактически, varобъект поднимается в верхнюю часть охватывающей области (функции), поэтому локальный объект iбудет эффективно доступен как до forцикла (после начала текущей области / функции), так и после него.

Другими словами, делать:

(function(){ //beginning of your current scope;
 //...
 for(var i in obj) { ... };
})();

такой же как:

(function(){ //beginning of your current scope;
 var i;
 //...
 for(i in obj) { ... };
})();

ES6 имеет letключевое слово (вместо var) для ограничения области действия блоком for.

Конечно, вам СЛЕДУЕТ использовать локальные переменные (объявленные с помощью varили letилиconst (в ES6)), а не неявные глобальные переменные.

for(i=0; ...)или for(i in ...)потерпит неудачу, если вы используете "use strict";(как следует) и iне заявите.

Использование var- самый чистый способ, но оба работают, как описано здесь: https://developer.mozilla.org/en/JavaScript/Reference/Statements/for...in

По сути, с помощью varвы гарантируете, что создаете новую переменную. В противном случае вы можете случайно использовать ранее определенную переменную.

Я думаю, что var хорош по соображениям производительности.

Javascript не будет просматривать всю глобальную область видимости, чтобы увидеть, существует ли x где-то еще.

С общей точки зрения, первая версия будет для индекса, который должен находиться в области видимости цикла, а другой - любой переменной в области видимости, в которой был вызван конструктор цикла.

Если вы собираетесь использовать индекс цикла внутри цикла for и это не потребуется другим в следующих строках, лучше объявить переменную с помощью «var», чтобы вы были уверены, что «x» соответствует индексу цикла, инициализированному с помощью 0, в то время как другой, если в этом контексте доступна другая переменная "x", она будет перезаписана индексом цикла - у вас будут некоторые логические ошибки -.