Fermetures JavaScript en détail

Cet article vous présente principalement en détail les fermetures JavaScript. En parlant de fermetures, je pense que les étudiants qui écrivent des front-ends le savent tous, et je pense que les fermetures ont été utilisées plus ou moins dans des projets réels. Alors, qu’est-ce qu’une fermeture exactement et comment se produit-elle ?

1. Qu'est-ce qu'une fermeture
mentionnée dans l'article du professeur Ruan :

Une fermeture est une fonction qui peut lire les variables internes d'autres fonctions. Puisque dans le langage Javascript, seules les sous-fonctions à l'intérieur de la fonction peuvent lire les variables locales, les fermetures peuvent être simplement comprises comme des « fonctions définies à l'intérieur d'une fonction ».

2. Les fonctions des fermetures
L'une consiste à lire les variables à l'intérieur de la fonction, et l'autre est de garder les valeurs de ces variables en mémoire.

3. Une instance de fermeture simple

function count() {    let num = 0;    return function add() {        return ++num;
    }
}let a = count();
a();  //1a();  //2

est généré est que JavaScript a une portée lexicale, c'est-à-dire qu'il a reçu une portée lorsque la fonction définit

. Ensuite, au moment de l'exécution, une portée d'exécution lui sera attribuée en fonction de la situation d'exécution réelle. Ce n'est qu'à travers ces deux portées qu'une fonction JS peut être exécutée correctement. Prenons l'exemple ci-dessus comme exemple. Lorsque count() est exécuté, la portée de la fonction est Lorsque count() est exécuté et la fonction add est renvoyée, puisque add est dans

, donc la portée lexicale de la fonction générée lors du retour est la portée du count() ci-dessus. Ainsi, lorsque a() est exécuté, sa portée réelle est Ainsi, lorsque add est appelé pour la première fois, puisque num vaut 0, 1 est renvoyé et la deuxième fois, il renvoie 2.

Recommandations associées :