大多数答案是正确的，因为将对象作为函数参数传递会破坏闭包，从而允许我们从循环内将事物分配给函数。但我想指出为什么会这样，这不仅仅是闭包的特例。

你看，javascript 将参数传递给函数的方式与其他语言有点不同。首先，它似乎有两种方法，这取决于天气它是原始值还是对象。对于原始值，它似乎是按值传递的，而对于对象，它似乎是按引用传递的。

javascript 如何传递函数参数

实际上，对 javascript 功能的真正解释解释了这两种情况，以及它为什么会破坏闭包，只使用一种机制。

javascript 所做的实际上是通过引用副本传递参数。也就是说，它创建了对参数的另一个引用，并将该新引用传递给函数。

按值传递？

假设 javascript 中的所有变量都是引用。在其他语言中，当我们说一个变量是一个引用时，我们希望它的行为是这样的：

var i = 1;
function increment (n) { n = n+1 };
increment(i); // we would expect i to be 2 if i is a reference

但在 javascript 中，情况并非如此：

console.log(i); // i is still 1

这是一个经典的value传递，不是吗？

通过引用传递？

但是等等，对于对象来说，这是一个不同的故事：

var o = {a:1,b:2}
function foo (x) {
    x.c = 3;
}
foo(o);

如果参数是按值传递的，我们希望o对象保持不变，但是：

console.log(o); // outputs {a:1,b:2,c:3}

那是经典的引用传递。所以根据天气我们有两种行为，我们传递一个原始类型或一个对象。

等等，什么？

但是等一下，看看这个：

var o = {a:1,b:2,c:3}
function bar (x) {
    x = {a:2,b:4,c:6}
}
bar(o);

现在看看会发生什么：

console.log(o); // outputs {a:1,b:2,c:3}

什么！这不是通过引用传递！数值不变！

这就是为什么我称它为通过引用的副本传递。如果我们这样想，一切就都说得通了。我们不需要认为基元在传递给函数时具有特殊的行为，因为对象的行为方式相同。如果我们尝试修改变量指向的对象，那么它就像按引用传递一样，但是如果我们尝试修改引用本身，那么它就像按值传递一样工作。

这也解释了为什么通过将变量作为函数参数传递来破坏闭包。因为函数调用会像原始变量一样创建另一个不受闭包约束的引用。

结语：我撒谎了

在我们结束这之前还有一件事。我之前说过，这统一了原始类型和对象的行为。其实不，原始类型仍然不同：

var i = 1;
function bat (n) { n.hello = 'world' };
bat(i);
console.log(i.hello); // undefined, i is unchanged

我放弃。这没有任何意义。就是这样。

这是因为您正在调用一个函数，向它传递一个值。

for (var i = 0; i < 10; i++) {
    alert(i);
}

您希望这会提醒不同的值，对吗？因为您正在传递to的当前值ialert。

function attachClick(val) {
    $("#img" + val).click(
        function () { alert(val); }
    );
}

使用此函数，您希望它能够提醒val传递给它的任何内容，对吗？这也适用于在循环中调用它：

for (var i = 0; i < 10; i++) {
    attachClick(i);
}

这：

for (var i = 0; i < 10; i++) {
    (function (val) {
        $("#img" + val).click(
            function () { alert(val); }
        );
    })(i);
}

只是上述内容的内联声明。您正在声明一个具有与上述相同特征的匿名函数attachClick并立即调用它。通过函数参数传递值的行为会破坏对变量的任何引用。i

赞成 deceze 的回答，但我想我会尝试更简单的解释。闭包起作用的原因是 javascript 中的变量是函数作用域的。闭包创建了一个新的作用域，通过将iin的值作为参数传递，您i在新的作用域中定义了一个局部变量。如果没有闭包，您定义的所有点击处理程序都在同一范围内，使用相同的i. 您的最后一个代码段不起作用的原因是因为没有 local i，所以所有点击处理程序都在寻找最近的具有i定义的父上下文。

我认为另一件可能让你感到困惑的事情是这条评论

对象总是通过引用传递，而不是复制，因此自执行函数调用应该没有区别。

这适用于对象，但不适用于原始值（例如数字）。这就是i可以定义新本地的原因。为了证明，如果你做了一件奇怪的像数组包装i的值时，关闭将无法工作，因为数组是通过引用传递。

// doesn't work
for(var i=[0]; i[0]<10; i[0]++) {
    (function (i2) {
        $("#img" + i2[0]).click(
            function () { alert(i2[0]); }
        );
    })(i);
}

在第一个示例中，只有一个值i并且它是for循环中使用的值。这样，所有事件处理程序将显示循环结束i时的值for，而不是所需的值。

在第二个示例中，i安装事件处理程序时的值被复制到i2函数参数中，并且对于函数的每次调用以及每个事件处理程序都有一个单独的副本。

所以这：

(function (i2) {
    $("#img" + i2).click(
        function () { alert(i2); }
    );
 })(i);

i2为每个单独的函数调用创建一个新变量，该变量具有自己的值。由于 javascript 中的闭包，每个单独的副本i2都会为每个单独的事件处理程序保留 - 从而解决您的问题。

在第三个示例中，没有创建新的副本i（它们都i从for循环中引用相同的内容），因此它的工作方式与第一个示例相同。

代码 1 和代码 3 不起作用，因为i是一个变量，并且每个循环中的值都会更改。在循环结束时10将分配给i.

为了更清楚，看看这个例子，

for(var i=0; i<10; i++) {

}

alert(i)

http://jsfiddle.net/muthkum/t4Ur5/

你可以看到我alert在循环后面放了一个，它会显示alert带有 value 的显示框10。

这就是代码 1 和代码 3 发生的情况。