Comment utiliser les fermetures javascript

Utilisation des fermetures JavaScript

JavaScript est un langage de programmation largement utilisé qui peut être utilisé pour développer différents types d'applications. Parmi eux, la fermeture est une fonctionnalité importante de JavaScript, qui joue un rôle important dans la programmation JavaScript. Cet article présentera en détail l'utilisation des fermetures JavaScript.

Que sont les fermetures JavaScript ?

Avant d'introduire l'utilisation des fermetures JavaScript, nous devons d'abord comprendre ce que sont les fermetures JavaScript. En termes simples, une fermeture fait référence à une fonction définie à l'intérieur d'une fonction, et la fonction peut accéder aux variables et paramètres de la fonction externe. Cette fonction interne forme un environnement fermé afin que les variables et paramètres de la fonction externe ne soient pas détruits après l'exécution de la fonction.

Utilisation des fermetures JavaScript

Ci-dessous, nous présenterons quelques utilisations des fermetures JavaScript :

1. Encapsulation de variables privées

En utilisant des fermetures, nous pouvons encapsuler des variables et des fonctions dans une portée privée, créant ainsi une fonction similaire à un variable privée. De cette manière, le code externe ne peut pas accéder directement à ces variables et fonctions, garantissant ainsi la sécurité et la stabilité du programme.

Par exemple, nous pouvons définir une fonction de fermeture pour encapsuler une variable :

function counter() {
    var count = 0;
    return function() {
        count++;
        console.log(count);
    }
}

var c = counter();
c(); // 输出1
c(); // 输出2
c(); // 输出3

Dans le code ci-dessus, nous définissons un compteur de fonction de fermeture, définissons un nombre de variables à l'intérieur de la fonction de fermeture et renvoyons une fonction, cette fonction peut accéder au nombre de variables externes. De cette façon, nous créons un nombre de variables privées auquel le code externe n'a pas accès directement. La valeur du compteur n'est accessible qu'en appelant la fonction renvoyée.

2. Mise en cache des résultats de la fonction

Dans certains calculs fastidieux, nous souhaitons mettre en cache les résultats de la fonction pour améliorer l'efficacité d'exécution de la fonction. En utilisant une fermeture, nous pouvons stocker le résultat dans une variable à l'intérieur de la fermeture et renvoyer cette valeur directement la prochaine fois que la fonction est appelée, évitant ainsi les doubles calculs.

Par exemple, nous pouvons définir une fonction de fermeture pour calculer la séquence de Fibonacci :

function fibonacci() {
    var cache = {};
    return function(n) {
        if (n in cache) {
            return cache[n];
        }
        if (n <= 1) {
            return n;
        }
        var result = fibonacci(n-1) + fibonacci(n-2);
        cache[n] = result;
        return result;
    }
}

var fib = fibonacci();
console.log(fib(10)); // 输出55
console.log(fib(20)); // 输出6765
console.log(fib(30)); // 输出832040

Dans le code ci-dessus, nous définissons une fonction de fermeture fibonacci pour calculer la séquence de Fibonacci. Un objet cache est défini à l'intérieur de la fonction pour enregistrer le résultat mis en cache. Chaque fois que la fonction est appelée, elle vérifie d'abord si le résultat a été mis en cache. Si c'est le cas, la valeur est renvoyée directement, sinon la valeur est calculée et le résultat est calculé. stocké dans le cache et renvoie finalement le résultat.

3. Évitez les problèmes de portée dans les boucles

Dans les boucles for, car la portée des variables en JavaScript est au niveau de la fonction, c'est-à-dire que les variables définies dans la boucle sont visibles dans toute la fonction. Cela conduit au problème du partage de variables au sein des fermetures lors de l'utilisation de fonctions anonymes dans des boucles. En utilisant des fermetures, nous pouvons éviter ce problème.

Par exemple, nous pouvons définir une fonction de fermeture pour gérer les événements de clic dans une boucle :

for (var i = 1; i <= 5; i++) {
    (function(j) {
        document.getElementById('btn-'+j).addEventListener('click', function() {
            console.log(j);
        });
    })(i);
}

Dans le code ci-dessus, nous utilisons une fonction anonyme qui est appelée immédiatement pour créer une fermeture. Dans chaque boucle, la variable i est transmise à la fonction en tant que paramètre et une nouvelle variable j est créée pour contenir la valeur du paramètre. De cette façon, la fermeture créée dans chaque boucle sauvegardera la valeur de j dans sa propre portée, évitant ainsi le problème du partage de variables.

Résumé

La fermeture est une fonctionnalité importante de JavaScript. Elle permet aux fonctions de créer une portée privée et d'enregistrer des variables et des fonctions dans cette portée, améliorant ainsi la sécurité et la stabilité du programme. Dans cet article, nous avons présenté l'utilisation des fermetures JavaScript, notamment l'encapsulation de variables privées, la mise en cache des résultats des fonctions et l'évitement des problèmes de portée dans les boucles. J'espère que cet article pourra vous aider à comprendre les fermetures JavaScript.

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!