comportement différé de jQuery dans la boucle for

J’ai récemment posé une question sur le comportement de jQuery différé dans une boucle for. Lien ici

J’ai reçu une réponse qui fonctionne mais je ne comprends pas pourquoi cela fonctionne.

Si j’ai le code suivant:

function update(callbacks) { return $.Deferred(function(dfr) { setTimeout(function() { callbacks.success() }, 1000); dfr.resolve(); }).promise(); } function updateElements(deferreds) { for (var i = 0; i < 5; i++) { (function() { var index = i; deferreds.push(update({ success: function() { alert(index); } })); })(); } }; (function() { var deffereds = []; updateElements(deffereds); $.when.apply($, deffereds).then(function() {}, function() {}); })();​ 

Il renvoie 5 fenêtres d’alerte avec les valeurs 0 à 4. Si je modifie la méthode updateElements en:

• tenter de rompre la chaîne de promesses jQuery avec .then, .fail et .reject
• Fonctions différées personnalisées jQuery
• La résolution différée ne créera-t-elle pas des memory leaks?
• jquery when / then (également quand / done) n’attend pas
• Plusieurs appels ajax à partir du tableau et gérer le rappel une fois terminé

 function updateElements(deferreds) { for (var i = 0; i < 5; i++) { var index = i; deferreds.push(update({ success: function() { alert(index); } })); } }; 

Il renvoie 5 fenêtres d’alerte avec la valeur 4 uniquement. Quelqu’un pourrait-il s’il vous plaît expliquer ce comportement? J’ai du mal à comprendre d’où vient la différence.

Merci!

• jQuery Deferred – Obtention du résultat d’appels ajax chaînés
• Comment chaîner des appels ajax en utilisant jquery

 (function() { var index = i; deferreds.push(update({ success: function() { alert(index); } })); })(); 

 (function(VALUE_ACCEPTED){ //VALUE_ACCEPTED accepts the passed value of VALUE_PASSED })(VALUE_PASSED) 

 function updateElements(deferreds) { for (var i = 0; i < 5; i++) { (function(valueAccepted) { // valueAccepted = the passed in value from i var index = valueAccepted; deferreds.push(update({ success: function() { alert(index); } })); })(i); // pass in i to valueAccepted } };