Comment éviter les pièges de fermeture lors de l'appel de fonctions asynchrones dans une boucle For en JavaScript ?

Appel de fonctions asynchrones dans une boucle for : surmonter les limitations de fermeture

Les fermetures JavaScript offrent de puissants mécanismes de cadrage, mais elles peuvent rencontrer des défis lorsqu'elles sont combinées avec fonctions asynchrones dans les boucles for. Ce problème se manifeste lorsque le rappel exécuté dans la boucle s'appuie sur i, qui reflète toujours la dernière itération de la boucle, produisant des résultats inattendus.

Le piège de la fermeture

Comme démontré dans l'extrait de code fourni, tenter d'utiliser des fermetures comme argument du rappel introduit un problème de portée. Malgré l'utilisation de fermetures comme (function(x){return x})(i) ou create_closure(i)() pour capturer l'index d'itération actuel, la valeur renvoyée reflète systématiquement l'itération finale de la boucle.

Une meilleure solution : forEach

Pour relever ce défi, envisagez d'exploiter la méthode forEach de JavaScript, qui itère sur les éléments d'un tableau. Il fournit à la fois l'élément de liste et son index comme arguments au rappel, éliminant ainsi les complications de fermeture.

<code class="js">list.forEach(function(listItem, index){
  mc_cli.get(listItem, function(err, response) {
    do_something(index);
  });
});</code>

En utilisant forEach, chaque appel de rappel fonctionne dans sa propre portée, accédant à l'index correct pour cette itération particulière. . Cela garantit que do_something(i) peut accéder à l'index prévu dans la boucle for, comme prévu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!