Parlez de ma compréhension des prototypes JavaScript et des séries de fermeture (notes aléatoires 9)_compétences javascript

Lecture connexe : Parlez de ma compréhension des prototypes JavaScript et des séries de fermetures (Shuishou Note 6)

Portée

Citant la définition de la portée de « JavaScript Language Essence and Programming Practice » :

La portée des variables est également appelée visibilité des variables. La portée variable complète la dissimulation des informations, ce qui doit résoudre le problème de la « fragmentation ».

Il n'y a pas de portée au niveau du bloc dans js (il y a un let dans ES6, qui peut être déclaré dans {}, if et for, et la portée est limitée au niveau du bloc. Il n'y a pas de promotion de variable pour les variables déclaré par let ! Nous n'en parlerons pas ici, car je l'ai vu par hasard).

Lorsque nous écrivons du code, nous ne devons pas déclarer les variables dans le "bloc". Nous devons les déclarer au début du code pour éviter toute ambiguïté.

 for(var i = 0; i < 10; i++) { //不好的声明方式
 //...
}
console.log(i);
/*----------------------------------------------*/
var i = 0; //好的声明方式
for(i = 0; i < 10; i++) {
 //....
}
console.log(i); 

En plus de la portée globale, JavaScript a également une portée fonctionnelle.

Lorsque nous déclarons des variables, le code global est déclaré au front-end et les variables déclarées dans les fonctions doivent être déclarées devant le corps de la fonction. Parallèlement, l'opérateur "var" doit être utilisé lors de la déclaration des variables.

 var a = 10,  //全局作用域
 b = 20;
function fn() { //fn函数作用域
 var a = 100,
  c = 300;
 function bar() { //bar函数作用域
  var a = 1000,
   d = 4000;
 }
} 

Le code global, la fonction fn et la fonction bar formeront tous une portée. Les étendues ont une relation supérieur-subordonné, et la relation supérieur-subordonné dépend de l'étendue dans laquelle la fonction est créée. La fonction bar est créée sous la portée de la fonction fn. La « portée de la fonction fn » est la supérieure de la « portée de la fonction bar ».

La plus grande utilisation de la portée est d'isoler les variables portant le même nom dans différentes portées ne seront pas en conflit

-------------------------------------------------------------- --- ------------------------------------

La portée est déterminée lorsque la fonction est définie, pas lorsque la fonction est appelée.

1. L'environnement contextuel global a été déterminé lors du chargement du programme et les variables se voient attribuer des valeurs au fur et à mesure de l'exécution du programme.

2. Exécutez jusqu'à la ligne 36, appelez fn(10), créez le contexte d'exécution de la fonction fn, poussez la pile et définissez ce contexte sur l'état actif.

3. Exécutez jusqu'à la ligne 32, appelez bar(100), créez le contexte d'exécution de la fonction bar(100), poussez la pile et définissez ce contexte sur l'état actif.

4. Une fois bar(100) appelé, il est retiré de la pile et le contexte de la fonction bar(100) est détruit. Exécutez ensuite la ligne 33, appelez bar(200), créez le contexte d'exécution de la fonction bar(200), poussez la pile et définissez ce contexte sur l'état actif.

5. Une fois l'appel à bar(200) terminé, il est retiré de la pile et son contexte est détruit. Le contrôle est maintenant passé au contexte fn(10), qui redevient actif.

6. À ce moment, fn(10) est appelé, retiré de la pile et son contexte est détruit. Le contrôle est transféré au contexte d'exécution global.

Le processus d'exécution de ce morceau de code est terminé à ce stade.

Alors empruntez l'image complète à l'auteur original :

Résumé :

La portée n'est qu'un "turf", et la valeur de la variable doit être obtenue via le contexte d'exécution correspondant à la portée. Dans une même portée, différents appels généreront différents contextes d'exécution, et donc différentes valeurs de variables. Par conséquent, la valeur de la variable dans la portée est déterminée lors de l'exécution, mais la portée est déterminée lors de la création de la fonction. Par conséquent, si vous souhaitez rechercher la valeur d'une variable dans une portée, vous devez rechercher le contexte d'exécution correspondant à cette portée, puis rechercher la valeur de la variable qu'elle contient.