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

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

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

<🎜. >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

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

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

b
/
[[scope]]

chaîne de portée

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

Objet d'Activation

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

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

//例子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

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 !

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!