Comment accéder aux variables externes dans les boucles à partir des fermetures JavaScript ?

Accéder à une variable extérieure dans une boucle à partir de la fermeture JavaScript

Le problème survient lors de l'accès aux variables déclarées dans une boucle, en particulier lorsque ces variables sont référencées ultérieurement dans un rappel asynchrone. Pour illustrer, considérons l'extrait de code suivant :

<code class="javascript">for (var i in this.items) {
    var item = this.items[i];
    // ...
}</code>

Dans ce cas, la variable item changera à chaque itération de boucle. Lorsque l'élément est référencé ultérieurement, il conservera la valeur du dernier élément du tableau.

Solution : utiliser des fermetures

Une solution à ce problème consiste à utiliser des fermetures, qui créent des fonctions qui renvoient d'autres fonctions. En utilisant des fermetures, la variable item peut avoir une portée différente, comme indiqué ci-dessous :

<code class="javascript">for (var i in this.items) {
    var item = this.items[i];
    // ...
    $("#showcasebutton_"+item.id).click(
        (function(item) {
            return function() {
                alert(item.id);
                self.switchto(item.id);
            };
        })(item)
    );
}</code>

Alternative : l'aide $.each() de jQuery

Si jQuery est disponible , l'assistant $.each() peut être utilisé comme raccourci pour de simples boucles for/each. Il atténue le besoin de fermetures en raison de la façon dont la portée fonctionne dans ses appels de fonction :

<code class="javascript">$.each(this.items,function(i, item) {
    // ...
    $("#showcasebutton_"+item.id).click(function() {
        alert(item.id);
        self.switchto(item.id);
    });
});</code>

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!