javascript - 在循环中声明的变量和重新使用的变量会发生什么

Question

<分区>

Answer 1

如您所见，i设置为 0在 for 的开头循环:i = 0 . var i部分被提升到函数的顶部，每增加一个 var i … 重新声明 i , 和 i = 0部分重新定义它。重新声明是不必要的，并且会使代码变得不那么干净(JSHint 会警告您这一点)。

如果您使用 i后来，在任何循环之外，i设置为 for 的任何值loop 用它做了。

for(var i = 0; i < 4; i++){
  /*
  As the last few steps i is incremented (i == 4),
  then it is checked with (i < 4), which is false; the loop is done.
  */
  //…
}
i; // 4

因为您通常会在循环头部重新定义每个迭代变量，所以这不会导致任何其他问题。

然而，为了使代码更简洁，每个循环使用一个变量是明智的，或者将 let变量，而不是 var变量，如 let变量的范围为 for仅循环 block :

for(let i = 0; i < 20; i++){
  // …
}

for(let i = 0; i < 10; i++){ // This is fine.
  // …
}

let变量仅在符合 ECMAScript-6 的浏览器中可用，而在 Firefox 中需要选择加入版本。