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]();
}
Bunu çıktılar:
Değerim: 3
Değerim: 3
Değerim: 3
Oysa ben çıktı istiyorum:
Değerim: 0
Değerim: 1
Değerim: 2
Aynı sorun, işlevi çalıştırma gecikmesine olay dinleyicileri neden olduğunda da oluşur:
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>
… Veya eşzamansız kod, örneğin Promises kullanımı:
// 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));
}
Düzenleme: Ayrıca görünür for in
ve for of
döngüler:
const arr = [1,2,3];
const fns = [];
for(i in arr){
fns.push(() => console.log(`index: ${i}`));
}
for(v of arr){
fns.push(() => console.log(`value: ${v}`));
}
for(f of fns){
f();
}
Bu temel sorunun çözümü nedir?
funcs
Sayısal indeksler kullanıyorsanız dizi olmak istemediğinizden emin misiniz ? Sadece aklınızda bulunsun.