“var”或没有“var” JavaScript 中的“for-in”环形？

Question

在 JavaScript 中编写 for-in 循环的正确方法是什么？浏览器不会对我在此处展示的两种方法中的任何一种发出投诉。首先，有一种方法，其中显式声明迭代变量 x ：

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

或者这种方法读起来更自然，但对我来说似乎不正确：

for (x in set) {
    ...
}

Answer 1

使用 var，它会缩小变量的范围，否则变量会查找最近的闭包来搜索 var 语句。如果它找不到var，那么它是全局的（如果您处于严格模式，使用严格，全局变量会抛出错误）。这可能会导致如下问题。

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

如果您在 for 循环中写入 var i，则警报会显示 2。

JavaScript 作用域和提升

Answer 2

第一个版本：

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 ，那里，嘿，那里，那里。你不想要这样！在 for 循环中使用 var x。

最重要的是：如果 for 循环位于全局范围内（即不在函数中），则局部范围（范围 x 被声明，如果您use var x) 与全局作用域相同（如果使用不带 var 的 x，则隐式声明作用域 x），因此这两个版本将是相同的。

Answer 3

您确实应该使用 var、always 声明局部变量。

您也不应该使用“for ... in”循环，除非您完全确定这就是您想要做的。为了迭代真实数组（这很常见），您应该始终使用带有数字索引的循环：

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

使用“for ... in”迭代普通数组可能会产生意想不到的后果，因为您的循环可能会获取该数组的属性。除了数字索引的数组之外。

编辑 - 在 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() 方法存在于从 IE9 开始的 Array 原型。

Answer 4

实际上，如果您不喜欢 for 标题中的声明，您可以这样做：

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

正如该问题的其他答案中提到的，根本不使用 var 会产生不必要的副作用，例如分配全球财产。

Answer 5

使用通过 var 声明循环变量的变量。隐式声明的变量具有不同的范围，这可能不是您想要的。

Answer 6

for(var i = 0; ...)

是一种常见的模式，但它与

for(int i; ...)

C++ 中的不同之处在于变量的作用域不限于 for 块。事实上，var 被提升到封闭范围（函数）的顶部，因此本地 i 将在 for 之前有效地可用循环（在当前作用域/函数开始之后）及其之后。

换句话说，doing:

(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 中）声明的变量）而不是隐式全局变量。

如果您使用 "use strict";，for(i=0; ...) 或 for(i in ...) 将失败（正如您应该的那样）并且未声明 i 。

Answer 7

使用 var 是最简洁的方法，但两者的工作原理如下：https://developer.mozilla.org/en/JavaScript/Reference/Statements/for...in

基本上，通过使用 var 您可以确保创建一个新变量。否则您可能会意外使用先前定义的变量。

Answer 8

我认为 var 出于性能原因很好。

JavaScript 不会遍历整个全局范围来查看 x 是否已经存在于其他地方。

Answer 9

从一般角度来看，第一个版本将用于必须位于循环范围内的索引，而另一个版本将是调用循环构造函数的范围中的任何变量。

如果您要在 for 循环内使用循环索引，并且下一行中的其他人不需要这样做，最好使用“var”声明变量，这样您就可以确保“x”是用 0 初始化的 for 循环索引，而另一个，如果其他“x”变量在此上下文中可用，则这将被循环的索引覆盖 - 这就是你会遇到一些逻辑错误 - 。

Answer 10

我总是使用 ES2015 中引入的块作用域 let 。

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

其他阅读材料和示例