Maison >interface Web >js tutoriel >Comprendre la chaîne de portée en JavaScript

Comprendre la chaîne de portée en JavaScript

PHPz
PHPzoriginal
2024-08-06 06:48:121005parcourir

Understanding Scope Chain in JavaScript

En JavaScript, la chaîne de portées est un mécanisme qui définit le fonctionnement de la résolution variable dans les fonctions imbriquées. Il détermine l'ordre dans lequel les variables sont recherchées lorsqu'une variable est référencée.

La chaîne de portée fonctionne en recherchant d'abord les variables dans la portée locale, puis en remontant vers la portée externe (parente), et enfin vers la portée globale si nécessaire. Ce processus se poursuit jusqu'à ce que la variable soit trouvée ou que la portée globale soit atteinte.

Exemple

let globalVar = 'global';

function outerFunction() {
  let outerVar = 'outer';

  function innerFunction() {
    let innerVar = 'inner';

    console.log(innerVar);   // Outputs: inner
    console.log(outerVar);   // Outputs: outer
    console.log(globalVar);  // Outputs: global
  }

  innerFunction();
}

outerFunction();

Explication :

  • innerFunction peut accéder à innerVar à partir de sa propre portée, à externalVar à partir de la portée de externalFunction et à globalVar à partir de la portée globale.
  • Si une variable n'est pas trouvée dans la portée locale, JavaScript remonte la chaîne de portée pour la trouver.

Comprendre la chaîne de portée est crucial pour éviter les conflits de noms de variables et gérer l'accès aux variables dans votre code.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn