为什么 'for (a of a)' 可以正确地迭代一个数组？

Question

为什么 'for (a of a)' 可以正确地迭代一个数组？

11

考虑以下代码片段

var a = [1, 2, 3, 4];
for (a of a) { // The first 'a' is made by mistake
    console.log(a);
}

在 for 循环中，第一个 a 是因为错误而被写入的。我认为上述代码应该会出现错误，因为在第一次迭代中将 a 赋值为 1 后，再次迭代时 a 不是一个可迭代对象，因此应该抛出错误。

实际上，结果如下：

看起来上面的代码可以正确遍历数组。在 for 循环之后，a 的结果是 4。为什么呢？

> a
4

为了进一步研究，我尝试从ECMA-6文档中找到一些信息，但是我被以下语句所困惑。

for ( var ForBinding of AssignmentExpression ) Statement

for ( ForDeclaration of AssignmentExpression ) Statement

为了理解ForBinding和ForDeclaration，请测试以下代码。

var a = [1, 2, 3, 4];
for (var a of a) {
    console.log(a);
}
console.log(a);

很不幸，结果与之前的代码相同。在 for (var a in a) 和 for (a in a) 之间有什么区别？

- zangw

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alexei Levenkov · Accepted Answer

for评估“AssignmentExpression”的值并对其进行迭代。该值仅在迭代开始时获取一次，因此重复使用同一变量是完全有效的（也非常令人困惑）。

存在var： for (a of ...)和for (var a of ...)在代码中没有任何区别，因为您已经定义了a - 因此它只会重新声明相同的变量。

要完全准确，有些情况下行为是不同的-当当前函数的外部范围中声明a时，var版本将掩盖该值（因为在JavaScript中，所有var语句都提升到函数范围的顶部）。

var a = [1,2,3];
function tryForVar()   {
   // Note that declaration of `a` is hoisted here as var a = undefined;
   // for (var a ... does not work as expected as local 'a' is undefined
   for (var a of a) { 
     console.log(a); // log 'undefined' once
   }
   console.log(a); // undefined 
} 
tryForVar();
console.log(a); // [1,2,3]

function tryFor()   {
   // Note that declaration of `a` from outer scope
   // for (a ... works fine as it uses outer 'a'
   for (a of a) { 
     console.log(a); // logs all 1,2,3 in sequence
   }
   console.log(a); // 3
} 
tryFor();
console.log(a); // 3