Résumé des connaissances de base de JavaScript (9) Explication exquise de la portée et de la chaîne de portée

Cette fois, je vais vous apporter un résumé des connaissances de base de JavaScript Il y a un total de onze points de connaissances Résumé des connaissances de base de JavaScript (9) Portée et chaîne de portée. Jetons un coup d'oeil.

Élaboration de la portée

[[portée]] : Chaque fonction JavaScript est un objet. Certaines propriétés de l'objet sont accessibles, mais d'autres ne le sont pas. Ces propriétés ne sont accessibles qu'au moteur JavaScript, et [[scope]] en fait partie.

[[scope]] fait référence à ce que nous appelons une portée, qui stocke une collection de contextes d'exécution.

Chaîne de portée : le contexte d'exécution stocké dans [[scope]] Une collection d'objets. Cette collection est liée dans une chaîne. Nous appelons ce maillon de chaîne une chaîne de portée

Contexte d'exécution : Lorsqu'une fonction est exécutée, un interne appelé contexte d'exécution est créé. Un contexte d'exécution définit l'environnement dans lequel une fonction est exécutée. Le contexte d'exécution correspondant est unique à chaque fois qu'une fonction est exécutée, donc appeler une fonction plusieurs fois entraînera la création de plusieurs contextes d'exécution. Lorsque la fonction termine son exécution, elle génère le. le contexte d'exécution est détruit

Variables de recherche : recherche du haut de la chaîne de portée vers le bas

function a() {    function b(){        var b = 234;
    }    
    var a = 123;
    b();
}var glob = 100;
a();

Tout d'abord, regardons la fonction ci-dessus. Il s'agit d'une fonction globale. Dans la portée globale, il y a la variable glob ci-dessous, puis il y a l'exécution de a

Étape 1 : Tout d'abord, ce que le système voit doit être la définition de a ; il y a ceci [[scope]] .

a
/
[[scope]]    
scope指向scope chain
scope chain
scope指向这里

0 Le 0 à cette position pointe vers GO

Objet Global

<🎜. >0 points vers La table est

this    window    
window    (object)    
document    (object)    
a    (function)    
glob    100    
[[scope]]里面有这个全局的执行期上下文,然后a被执行了,a被执行，a产生的这个AO，把自己的AO存到作用域链的最顶端，形成一个新的作用域链，现在的a的[[scope]]和刚才的那个[[scope]]不一样了
a
/
[[scope]]
scope指向scope chain
scope chain
scope指向这里

0 Le 0 à cette position pointe vers AO

1 Le 0 à cette position pointe vers GO

Objet d'activation

0 point pour ce tableau

1 point pour ce tableau

this    window    
arguents    []    
a    123    
b    (function)    
Global Object

La seule différence est que la valeur qui y est stockée est différente [[scope]] est toujours la même [[scope]]. Pour le moment, nous n'examinerons pas ce qui suit. accèdent au [[portée]] de a, qui provient de Récupérer quelque chose de la [[portée]] de a. Cette bibliothèque stocke une chaîne de portée contenant diverses variables. ça, je cherche de haut en bas.

this    window    
window    (object)    
document    (object)    
a    (function)    
glob    100

Ensuite, l'exécution de a entraîne la définition de b. A ne peut être défini qu'après l'exécution de b. Lorsque b est défini, il existe une [[portée]] naturelle, et il y en a une dans [[portée]. ]] Il devrait avoir une chaîne de portées, mais la chaîne de portées qu'il possède est différente de celle de a. Lorsque a est défini, il est dans le global et les seuls attributs accessibles sont son propre AO et le GO global. . Mais b est défini dans une fonction, donc la [[scope]] de b peut non seulement accéder à son propre AO, mais également accéder à l'AO de a, et la portée globale GO

pointe vers la chaîne de portée<🎜. >

b
/
[[scope]]

chaîne de portée

la portée pointe ici

0 Le 0 à cette position pointe vers lui-même.

1 Le 1 à cette position pointe vers l'AO d'un

2 Le 0 à cette position pointe vers GO

Objet d'Activation

0 point sur ce tableau

1 point sur ce tableau

this    window    
arguents    []    
b    234;    
Activation  Object

1 point sur ce tableau

this    window    
arguents    []    
a    123    
b    (function)    
Global Object

scope Détruire

this    window    
window    (object)    
document    (object)    
a    (function)    
glob    100

Une fois b exécuté, détruisez son propre ao, revenez à l'état de définition et attendez la prochaine exécution

Parce que b est la dernière phrase de la fonction a, donc après l'exécution de b, a est également détruit, de sorte que le [[scope]] de b est également détruit, revient à l'état de définition et attend la prochaine exécution

, donc la fonction externe ne peut pas accéder au

Fonction interne

//例子function a() {    function b() {        function c(){
            
        }
        c();
    }
    b();
}
a();
a defined a.[[scope]] --> 0:GOa doing   a.[[scope]] --> 0:a的AO
                          1:GO
                          b defined b.[[scope]] --> 0:a的AO
                          1:GOb doing   b.[[scope]] --> 0:自己的AO
                          1:a的AO 
                          2:GO
                          c defined c.[[scope]] --> 0:a的AO
                          1:c的AO 
                          2:GOc doing   c.[[scope]] --> 0:自己的AO
                          1:b的AO
                          2:a的AO
                          3:GO

Attributs et valeurs

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Résumé des connaissances de base de JavaScript (6) Fonctions, portée initiale (Partie 2)

Bases Résumé des connaissances JavaScript (7) Récursion

Résumé des connaissances de base de JavaScript (8) Processus d'exécution de précompilation

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!