Chaîne de portée de la fonction JavaScript Analysis_Javascript Compétences

Cet article analyse la chaîne de portée des fonctions JavaScript avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Chaîne de portée :

Chaque fonction en JavaScript a sa propre portée, qui est enregistrée à l'aide de l'objet actif Active Object (AO). Une chaîne de portées est formée dans les fonctions mutuellement imbriquées, comme le montre la figure ci-dessous :

La chaîne scope est la chaîne AO ​​de l'intérieur vers l'extérieur

Rechercher des variables :

Si les variables utilisées dans la fonction fn3 sont introuvables dans la portée fn3, elles seront trouvées dans la portée fn2 externe, et ainsi de suite, jusqu'à la fenêtre d'objet globale

La démonstration du code est la suivante :

var c = 5; 
function t1(){ 
  var d = 6; 
  function t2(){ 
    var e = 7; 
    var d = 3;
 //如果在这里声明的var d = 3，
 //那么函数就不在向外寻找变量d,输出的值为15 
    console.log(c+d+e); 
  } 
  t2(); 
} 
t1();

Après avoir compris la chaîne de portée JavaScript, il est préférable de sauvegarder les variables externes en tant que variables locales avant d'utiliser les variables externes fréquemment utilisées dans la fonction. Cela réduira considérablement le temps de recherche de variables dans la chaîne de portée.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.