嵌套for循环中的变量定义？

Question

像 Java 这样的一些静态语言似乎对在 for 循环的第一个参数中定义的变量有非常特殊的规则。它们只能通过给定的循环访问，这使得它们的行为非常类似于 javascript 函数的局部变量和参数。我的意思是这样的：

class ForVariable {
  public static void main(String[] args) {
    for(int i = 0; i != 0; i++) {}
    System.out.println(i); // Throws an Exception
  }
}

Javascript 的行为并非如此，这使得嵌套循环变得非常混乱。我的问题是：在后续循环中通过 var 关键字声明变量是否有效？换句话说 - 以下哪个示例是有效的？

for(var i = 0, j; i < 5; i++) {
  for(j = 0; j < 10; j++) <do some stuff>;
}

或

for(var i = 0; i < 5; i++) {
  for(var j = 0; j < 10; j++) <do some stuff>;
}

显然，多次声明一个变量是错误的，这会使第二个示例无法进行，但鉴于第一个示例是我所知道的大多数语言中循环嵌套的方式，我宁愿犹豫着宣布获胜者。

Answer 1

这些都是有效的。 Function scoped 与块范围。基本上 JavaScript 中的两个循环都变成：

function a () {
    var i, j;
    for(i = 0, j; i < 5; i++) {
      for(j = 0; j < 10; j++) <do some stuff>;
    }
}

因为var 声明在顶部是hoisted

Answer 2

多次声明一个变量并没有错误。例如确实没有问题：

var i = 0;
var i = 1;

这是有效的 JavaScript。但是像 Closure Compiler 这样的好工具会生成警告，因为您通常不打算这样做。

话虽如此，即使闭包编译器也不会为您的示例 #2 生成警告。即使您在技术上重新声明，这只是 JS 中的常见约定。

您的两个示例中的任何一个都很好，但第二个示例更易于解析。无论哪种方式，我都不会担心。

Answer 3

您不想使用 var 关键字，而是使用函数参数，因为 javascript 不是块范围的。例如：

[100,200,300].forEach(function (x,i) {
    [10,20,30].forEach(function (y,j) {
        console.log('loop variables, indices '+[i,j]+' have values: '+[x,y]);
    });
})

或

[100,200,300].map(function (x,i) {
    return [10,20,30].map(function (y,j) {
        return x+y;
    });
})

// result: [[110,120,130],[210,220,230],[310,320,330]]