随着ES6现在得到广泛支持，这个问题的最佳答案已经改变。ES6为这种情况提供了let和const关键字。我们可以使用let来设置一个循环范围变量，而不是使用闭包：

var函数=[]；对于（设i=0；i<3；i++）{funcs[i]=函数（）｛console.log（“我的值：”+i）；};}

然后，val将指向一个特定于循环特定转弯的对象，并将返回正确的值，而无需附加闭包符号。这显然大大简化了这个问题。

const类似于let，但有一个额外的限制，即变量名不能在初始赋值后反弹到新引用。

现在，针对最新版本浏览器的浏览器提供了浏览器支持。const/let目前在最新的Firefox、Safari、Edge和Chrome中受支持。Node也支持它，您可以利用Babel等构建工具在任何地方使用它。您可以在这里看到一个工作示例：http://jsfiddle.net/ben336/rbU4t/2/

此处的文档：

常量允许

不过，请注意，IE9-IE11和Edge 14之前的Edge支持以上错误（它们不会每次都创建一个新的i，所以上面的所有函数都会记录3，就像我们使用var时一样）。边缘14最终得到了正确的结果。

在ES6的支持下，最好的方法是在这种情况下使用let和const关键字。所以var变量被提升，随着循环结束，所有闭包的i值被更新。。。，我们可以使用let设置一个循环范围变量，如下所示：

var funcs = [];
for (let i = 0; i < 3; i++) {          
    funcs[i] = function() {            
      console.log("My value: " + i); 
    };
}

var funcs = [];
for (var i = 0; i < 3; i++) {      // let's create 3 functions
  funcs[i] = function(param) {          // and store them in funcs
    console.log("My value: " + param); // each should log its value.
  };
}
for (var j = 0; j < 3; j++) {
  funcs[j](j);                      // and now let's run each one to see with j
}

问题是，每个匿名函数中的变量i都绑定到函数外部的同一变量。

ES6解决方案：让

ECMAScript 6（ES6）引入了新的let和const关键字，它们的作用域不同于基于var的变量。例如，在具有基于let的索引的循环中，循环中的每个迭代都将有一个具有循环范围的新变量i，因此您的代码将按预期工作。有很多资源，但我推荐2ality的块范围帖子作为一个很好的信息来源。

for (let i = 0; i < 3; i++) {
  funcs[i] = function() {
    console.log("My value: " + i);
  };
}

不过，请注意，IE9-IE11和Edge 14之前的Edge支持以上错误（它们不会每次都创建一个新的i，所以上面的所有函数都会记录3，就像我们使用var时一样）。边缘14最终得到了正确的结果。

ES5.1解决方案：针对每个

随着Array.prototype.forEach函数的广泛使用（2015年），值得注意的是，在那些主要涉及对值数组进行迭代的情况下，.forEach（）提供了一种干净、自然的方式，可以为每次迭代获得一个独特的闭包。也就是说，假设您有某种包含值（DOM引用、对象等）的数组，并且设置特定于每个元素的回调时会出现问题，您可以这样做：

var someArray = [ /* whatever */ ];
// ...
someArray.forEach(function(arrayElement) {
  // ... code code code for this one element
  someAsynchronousFunction(arrayElement, function() {
    arrayElement.doSomething();
  });
});

其思想是，与.forEach循环一起使用的回调函数的每次调用都将是其自己的闭包。传递给该处理程序的参数是特定于迭代的特定步骤的数组元素。如果在异步回调中使用它，它不会与在迭代的其他步骤中建立的任何其他回调冲突。

如果您恰好在jQuery中工作，$.each（）函数将为您提供类似的功能。

经典解决方案：封口

您要做的是将每个函数内的变量绑定到函数外的一个单独的不变值：

var函数=[]；函数createfunc（i）{返回函数（）{console.log（“我的值：”+i）；};}对于（变量i=0；i<3；i++）{funcs[i]=创建函数（i）；}对于（变量j=0；j<3；j++）{//现在让我们逐一查看函数[j]（）；}

由于JavaScript中没有块作用域-只有函数作用域-通过将函数创建包装在一个新函数中，可以确保“i”的值保持如预期的那样。

这证明了javascript在“闭包”和“非闭包”的工作方式方面是多么丑陋。

在以下情况下：

var funcs = [];

for (var i = 0; i < 3; i++) {      // let's create 3 functions
  funcs[i] = function() {          // and store them in funcs
    console.log("My value: " + i); // each should log its value.
  };
}

funcs[i]是一个全局函数，并且'console.log（“我的值：”+i）；'正在打印全局变量i

假使

var funcs = [];

function createfunc(i) {
    return function() { console.log("My value: " + i); };
}

for (var i = 0; i < 3; i++) {
    funcs[i] = createfunc(i);
}

由于javascript的这种扭曲的闭包设计，'console.log（“我的值：”+i）；'正在从外部函数“createfunc（i）”打印i

这一切都是因为javascript无法像C编程语言那样在函数中设计出像“静态”变量这样的好东西！

您可以为数据列表（如查询js（*））使用声明性模块。在这些情况下，我个人认为声明性方法不太令人惊讶

var funcs = Query.range(0,3).each(function(i){
     return  function() {
        console.log("My value: " + i);
    };
});

然后，您可以使用第二个循环并获得预期的结果，也可以这样做

funcs.iterate(function(f){ f(); });

（*）我是query js的作者，因此倾向于使用它，所以不要将我的话作为仅针对声明性方法的所述库的建议：）