var funcs = [];// 让我们创建 3 个函数for (var i = 0; i < 3; i++) { // 并将它们存储在 funcs 中 funcs[i] = function() { // 每个都应该记录其值。console.log(\'My value:\', i)...
var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
// and store them in funcs
funcs[i] = function() {
// each should log its value.
console.log("My value:", i);
};
}
for (var j = 0; j < 3; j++) {
// and now let's run each one to see
funcs[j]();
}它输出的是：
我的价值：3
我的价值：3
我的价值：3
而我希望它输出：
我的价值：0
我的价值：1
我的价值：2
当使用事件监听器导致函数运行延迟时，也会出现同样的问题：
var buttons = document.getElementsByTagName("button");
// let's create 3 functions
for (var i = 0; i < buttons.length; i++) {
// as event listeners
buttons[i].addEventListener("click", function() {
// each should log its value.
console.log("My value:", i);
});
}<button>0</button>
<br />
<button>1</button>
<br />
<button>2</button>…或者异步代码，例如使用Promises：
// Some async wait function
const wait = (ms) => new Promise((resolve, reject) => setTimeout(resolve, ms));
for (var i = 0; i < 3; i++) {
// Log `i` as soon as each promise resolves.
wait(i * 100).then(() => console.log(i));
}
和 for in 循环 for of 中也很明显
const arr = [1,2,3];
const fns = [];
for (var i in arr){
fns.push(() => console.log("index:", i));
}
for (var v of arr){
fns.push(() => console.log("value:", v));
}
for (const n of arr) {
var obj = { number: n }; // or new MyLibObject({ ... })
fns.push(() => console.log("n:", n, "|", "obj:", JSON.stringify(obj)));
}
for(var f of fns){
f();
}这个基本问题的解决方案是什么？
