var函数=[]；//让我们创建3个函数对于（变量i=0；i<3；i++）{//并将其存储在funcs中funcs[i]=函数（）{//每个都应该记录其值。console.log（“我的值：”，i）；};}对于（变量j=0；j<3；j++）{//现在让我们逐一查看函数[j]（）；}
它输出以下内容：
我的价值：3我的价值：3我的价值：3
而我希望它输出：
我的值：0我的价值：1我的价值：2
当使用事件侦听器导致函数运行延迟时，也会出现同样的问题：
var buttons=document.getElementsByTagName（“button”）；//让我们创建3个函数for（var i=0；i<buttons.length；i++）{//作为事件侦听器buttons[i].addEventListener（“单击”，函数（）{//每个都应该记录其值。console.log（“我的值：”，i）；});}<按钮>0</按钮><br/>＜button＞1＜/button＞<br/><按钮>2</按钮>
…或异步代码，例如使用Promises:
//一些异步等待函数const wait=（ms）=>new Promise（（解析，拒绝）=>setTimeout（解析，ms））；对于（变量i=0；i<3；i++）{//一旦每个承诺得到解决，就记录“i”。等待（i*100）。然后（（）=>console.log（i））；}
在for in和for of循环中也很明显：
常量arr=[1,2,3]；常量fns=[]；用于（arr中的变量i）{fns.push（（）=>console.log（“index:”，i））；}对于（arr的var v）{fns.push（（）=>console.log（“值：”，v））；}for（arr常量）{var obj=｛number：n｝；//或新的MyLibObject（｛…｝）fns.push（（）=>console.log（“n:”，n，“|”，“obj:”，JSON.stringify（obj）））；}for（fns的var f）{f（）；}
这个基本问题的解决方案是什么？
我更喜欢使用forEach函数，它有自己的闭包，可以创建伪范围：
var funcs = [];
new Array(3).fill(0).forEach(function (_, i) { // creating a range
funcs[i] = function() {
// now i is safely incapsulated
console.log("My value: " + i);
};
});
for (var j = 0; j < 3; j++) {
funcs[j](); // 0, 1, 2
}
这看起来比其他语言的范围更丑陋，但IMHO比其他解决方案更不可怕。
虽然这个问题已经过时并得到了解答，但我还有另一个相当有趣的解决方案：
var funcs = [];
for (var i = 0; i < 3; i++) {
funcs[i] = function() {
console.log("My value: " + i);
};
}
for (var i = 0; i < 3; i++) {
funcs[i]();
}
变化很小，几乎很难看出我做了什么。我将第二个迭代器从j切换到I。这会及时刷新I的状态，从而获得所需的结果。我这样做是偶然的，但考虑到以前的答案，这是有道理的。
我写这篇文章是为了指出这一微小但非常重要的区别。希望这有助于为像我这样的其他学习者澄清一些困惑。
注：我没有分享这个，因为我认为这是正确的答案。这是一个在某些情况下可能会破裂的解决方案。事实上，我很惊讶它真的有效。
计数器是基元
让我们如下定义回调函数：
// ****************************
// COUNTER BEING A PRIMITIVE
// ****************************
function test1() {
for (var i=0; i<2; i++) {
setTimeout(function() {
console.log(i);
});
}
}
test1();
// 2
// 2
超时完成后，它将为两个打印2。这是因为回调函数访问基于词法范围的值，该范围是函数定义的地方。
为了在定义回调时传递和保留值，我们可以创建一个闭包，在调用回调之前保留值。这可以通过以下方式完成：
function test2() {
function sendRequest(i) {
setTimeout(function() {
console.log(i);
});
}
for (var i = 0; i < 2; i++) {
sendRequest(i);
}
}
test2();
// 1
// 2
现在，这一点的特殊之处在于“基元是按值传递并复制的。因此，当定义闭包时，它们会保留上一个循环的值。”
计数器是一个对象
由于闭包可以通过引用访问父函数变量，因此这种方法与原语不同。
// ****************************
// COUNTER BEING AN OBJECT
// ****************************
function test3() {
var index = { i: 0 };
for (index.i=0; index.i<2; index.i++) {
setTimeout(function() {
console.log('test3: ' + index.i);
});
}
}
test3();
// 2
// 2
因此，即使为作为对象传递的变量创建了闭包，也不会保留循环索引的值。这是为了表明对象的值不是复制的，而是通过引用访问的。
function test4() {
var index = { i: 0 };
function sendRequest(index, i) {
setTimeout(function() {
console.log('index: ' + index);
console.log('i: ' + i);
console.log(index[i]);
});
}
for (index.i=0; index.i<2; index.i++) {
sendRequest(index, index.i);
}
}
test4();
// index: { i: 2}
// 0
// undefined
// index: { i: 2}
// 1
// undefined
