这是异步代码中经常遇到的问题，变量i是可变的，在调用函数时，使用i的代码将被执行，并且i将变为其最后一个值，因此意味着在循环中创建的所有函数都将创建一个闭包，i将等于3（for循环的上限+1）。

解决此问题的一个方法是创建一个函数，该函数将为每次迭代保存i的值，并强制复制i（因为它是一个原语，如果有帮助，请将其视为快照）。

这是该技术的另一种变体，类似于Bjorn（apphacker），它允许您在函数内分配变量值，而不是将其作为参数传递，这有时可能更清楚：

var函数=[]；对于（变量i=0；i<3；i++）{funcs[i]=（函数）{var指数=i；返回函数（）{console.log（“我的值：”+索引）；}})();}

请注意，无论使用何种技术，索引变量都会成为一种静态变量，绑定到内部函数的返回副本。即，在调用之间保留对其值的更改。它可以非常方便。

让我们利用新功能。因此，i停止成为闭包的变量，并成为文本的一部分：

var funcs = [];
for (var i = 0; i < 3; i++) {
    var functionBody = 'console.log("My value: ' + i + '");';
    funcs[i] = new Function(functionBody);
}

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

使用立即调用函数表达式，这是封闭索引变量的最简单和最易读的方法：

对于（变量i=0；i<3；i++）{（函数（索引）{console.log（'iterator:'+索引）；//现在您还可以在这里循环ajax调用//而不会丢失迭代器值：$.ajax（{}）；})（i） ；}

这将迭代器i发送到我们定义为索引的匿名函数中。这将创建一个闭包，其中变量i将被保存以供以后在IIFE中的任何异步功能中使用。

这个问题确实展示了JavaScript的历史！现在，我们可以避免使用箭头函数的块作用域，并使用Object方法直接处理来自DOM节点的循环。

常量函数=[1，2，3].map（i=>（）=>console.log（i））；函数映射（fn=>fn（））

const buttons=document.getElementsByTagName（“button”）；对象按键（按钮）.map（i=>按钮[i].addEventListener（'click'，（）=>console.log（i）））；<button>0</button><br><button>1</button><br><按钮>2</按钮>

Try:

var函数=[]；对于（变量i=0；i<3；i++）{funcs[i]=（函数（索引）{返回函数（）{console.log（“我的值：”+索引）；};}（i） ）；}对于（变量j=0；j<3；j++）{函数[j]（）；}

编辑（2014）：

就我个人而言，@Aust最近关于使用.bind的回答是目前最好的解决方法。当您不需要或不想使用bind的thisArg时，也可以使用破折号/下划线的_.partial。