考虑以下 Javascript 代码：
var a = [];
var f = function() {
for (var i = 0; i < 3; i++) {
a.push(function(){alert(i)});
}
for (var j = 0; j < 3; j++) {
a[j]();
}
};
警报都打印了 3 次“3”。我想要一个不同的行为 - 在循环的每次迭代中生成一个函数来打印 i 的当前值。即 3 个打印不同索引的函数。
有任何想法吗？
创建一个匿名函数，它接受i作为参数并返回该特定函数：
for (var i = 0; i < 3; i++) {
a.push((function(i) {
return function() {
alert(i);
}
})(i));
}
for (var j = 0; j < 3; j++) {
a[j]();
}
或者做一些类似的事情：创建一个匿名函数，它接受i作为参数将函数添加到数组中：
for (var i = 0; i < 3; i++) {
(function(i) {
a.push(function() {
alert(i);
});
})(i);
}
for (var j = 0; j < 3; j++) {
a[j]();
}
只是另一种方法，使用currying：
var a = [];
var f = function() {
for (var i = 0; i < 3; i++) {
a.push((function(a){alert(a);}).curry(i));
}
for (var j = 0; j < 3; j++) {
a[j]();
}
};
// curry implementation
Function.prototype.curry = function() {
var fn = this, args = Array.prototype.slice.call(arguments);
return function() {
return fn.apply(this, args.concat(
Array.prototype.slice.call(arguments)));
};
};
检查在此处运行的上述代码段。
var iterate = (function () {
var i, j = [];
for (i = 0; i < 3; i += 1) {
j.push(i);
alert(j[j.length - 1]);
}
}());
你不需要闭包仅仅输出一个值。但是，您的代码应该包含在面向对象包含的函数中。无需调用函数即可执行。
您可以将循环体放在匿名函数中：
var a = [];
for(var i = 0; i < 3; i++) (function(i) {
a.push(function() { alert(i); });
})(i)
for(var j = 0; j < 3; j++) {
a[j]();
}
通过创建该函数并将循环的“i”值作为参数传递，我们在循环体内创建了一个新的“i”变量，该变量基本上隐藏了外部“i”。您推送到数组上的闭包现在可以看到新变量，该变量的值是在第一个循环中调用外部函数函数时设置的。如果我们在创建新变量时使用不同的名称，这可能会更清楚......这做同样的事情：
var a = [];
for(var i = 0; i < 3; i++) (function(iNew) {
a.push(function() { alert(iNew); });
})(i)
for(var j = 0; j < 3; j++) {
a[j]();
}
“iNew”的值被分配为 0，然后是 1，然后是 2，因为该函数会被循环立即调用。
功能（一）{警报（一）