javascript kapatma anında değerlendirme

Question

aşağıdaki JavaScript kodu göz önünde bulundurun:

var a = []; 

var f = function() { 

    for (var i = 0; i < 3; i++) { 
     a.push(function(){alert(i)}); 
    } 
    for (var j = 0; j < 3; j++) { 
     a[j](); 
    } 
}; 

uyarıları çıktısını '3' her üç kez. Farklı bir davranış istiyoruz - döngünün her tekrarında i mevcut değerini yazar bir fonksiyonu oluşturur. Yani Farklı indeksler basan 3 fonksiyon.

Herhangi bir fikrin var mı? benzer

for (var i = 0; i < 3; i++) { 
    a.push((function(i) { 
     return function() { 
      alert(i); 
     } 
    })(i)); 
} 

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

Veya bilmediğimiz bir şey:

Answer 1

belirli işlevi parametre olarak i kabul eder ve döndüren isimsiz işlev oluşturun diziye işlevi eklemek için bir parametre olarak i kabul isimsiz işlev oluşturun:

for (var i = 0; i < 3; i++) { 
    (function(i) { 
     a.push(function() { 
      alert(i); 
     }); 
    })(i); 
} 

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

Answer 2

var iterate = (function() { 
    var i, j = []; 
    for (i = 0; i < 3; i += 1) { 
     j.push(i); 
     alert(j[j.length - 1]); 
    } 
}()); 

Sen kapatılması sadece çıkış bir değer gerekmez. Kodunuz Ancak nesne yönelimli çevreleme için bir fonksiyonu yer almalıdır. Yürütülecek işlevlerin çağrılması gerekmez.

Answer 3

fonksiyonu (i) currying kullanarak {alert (i)

Answer 4

Bir başka yaklaşım,:

var a = []; 
var f = function() { 
    for (var i = 0; i < 3; i++) { 
     a.push((function(a){alert(a);}).curry(i)); 
    } 
    for (var j = 0; j < 3; j++) { 
     a[j](); 
    } 
}; 

// curry implementation 
Function.prototype.curry = function() { 
    var fn = this, args = Array.prototype.slice.call(arguments); 
    return function() { 
    return fn.apply(this, args.concat(
     Array.prototype.slice.call(arguments))); 
    }; 
}; 

Kontrol here çalışan yukarıdaki pasajı.

Answer 5

Sen anonim işlevinde Döngünüzden gövdesini koyabilirsiniz: bu işlevi oluşturma ve "i" argüman olarak, yeni bir "i" değişkeni oluştururken ait döngünün değerini geçerek

var a = []; 

for(var i = 0; i < 3; i++) (function(i) { 
    a.push(function() { alert(i); }); 
})(i) 

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

esas olarak, dış "i" gizler döngü gövdesi içinde. Eğer dizinin üzerine itmek kapatma şimdi dış fonksiyon fonksiyonu ilk döngüde çağrıldığında ayarlanır değeri olan yeni bir değişken, görür.

var a = []; 

for(var i = 0; i < 3; i++) (function(iNew) { 
    a.push(function() { alert(iNew); }); 
})(i) 

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

"INEW" değeri fonksiyonu nedeniyle 2, sonra 1 sonra 0 atanır: Biz yeni bir değişken oluşturduğunuzda biz farklı bir ad kullanın, bu daha net olabilir ... Bu aynı şeyi yapar hemen döngü tarafından çağrılır. JavaScript blok kapsamı yalnızca işlev kapsamı kavramı yok nedeniyle, bu da beni atılmış çünkü