在 javascript 中，在 for 循环中声明多个变量

Question

有以下 javascript 代码

// note: declaring i in this loop
for( var i=0; i<args.length; i++ ) {

   var elem = args[i];
   ...

   if( elem.attr == 'class' ) {

        // note declaring arr and i in this loop
        for( var arr=elem.val.split(' '), i=0; i<arr.length; i++ ) {

            element.classList.add(arr[classCt]);
        }
        continue;
    }
}

问题在于第二个for 循环中的i 与第一个for 循环中声明的i 相同。

认为var 构造允许以逗号分隔声明多个变量。

在第二个循环中将 i 更改为 classCt 时，代码按预期工作

Answer 1

你只有一个作用域，所以只能有一个同名的变量。您是正确的， var 允许以逗号分隔声明多个变量，但您不能在同一范围内声明两个具有相同名称的不同变量。你只是在重新声明一个已经存在的变量。

要么将其更改为classCt，要么做我所做的并将变量j（等等）用于嵌套循环迭代器：

var i, j, k, l;
for(i = 0; i < 10; i++){
    for(j = 0; j < 10; j++){
        for(k = 0; k < 10; k++){
            for(l = 0; l < 10; l++){
            }
        }
    }
}

Answer 2

您只在一个范围内工作，即使您使用 var 关键字，循环也不会创建它自己的。您只是在当前功能范围内覆盖您的 i 变量，例如：

for (var i = 0; i < 10; i++) {
        for (var i = 5; i < 10; i++) {
            console.log(i);
        }
}

只会打印 5,6,7,8,9。

如果你想创建一个新的作用域，你必须使用通常在 javascript 中完成的函数：

for (var i = 0; i < 10; i++) {
    (function(i) {
        for (var i = 5; i < 10; i++) {
            console.log(i);
        }
    })(i)
}

这将在各自的行上打印 5,6,7,8,9 10 次。