<分区>
以下每次都会提醒 2。
function timer() {
for (var i = 0; i < 3; ++i) {
var j = i;
setTimeout(function () {
alert(j);
}, 1000);
}
}
timer();
不应该 var j = i; 将 j 设置到 setTimeout 的单独范围内吗？
而如果我这样做:
function timer() {
for (var i = 0; i < 3; ++i) {
(function (j) {
setTimeout(function () {
alert(j);
}, 1000);
})(i);
}
}
timer();
它会按应有的方式提醒 0、1、2。
有什么我想念的吗？
最佳答案
Javascript 有函数作用域。这意味着
for(...) {
var j = i;
}
相当于
var j;
for(...) {
j = i;
}
事实上，这就是 Javascript 编译器实际处理这段代码的方式。而且，当然，这会导致您的小“技巧”失败，因为 j 将在 setTimeout 中的函数被调用之前递增，即 j 现在与 i 并没有真正做任何不同，它只是具有相同范围的别名。
如果 Javascript 有 block 作用域，你的技巧就会奏效，因为 j 将在每次迭代中成为一个新变量。
您需要做的是创建一个新范围:
for(var i = ...) {
(function (j) {
// you can safely use j here now
setTimeout(...);
})(i);
}
关于javascript - 我的 javascript 作用域有什么问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19914077/