Maison  >  Article  >  interface Web  >  Qu'est-ce que l'observation variable et comment affecte-t-elle la portée des variables en JavaScript ?

Qu'est-ce que l'observation variable et comment affecte-t-elle la portée des variables en JavaScript ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-24 09:59:29288parcourir

What is Variable Shadowing and How Does It Affect Variable Scope in JavaScript?

Exemple d'observation de variables en JavaScript

Dans le domaine de JavaScript, l'observation de variables apparaît comme un concept fondamental. Pour comprendre son essence, examinons un exemple illustratif.

Exemple de scénario :

Considérez l'extrait de code suivant :

<code class="js">var currencySymbol = "$";

function showMoney(amount) {
  var currencySymbol = "€";
  console.log(currencySymbol + amount);
}

showMoney("100");</code>

Explication :

Dans cet exemple, nous rencontrons deux versions de la variable monnaieSymbol. La variable globale devisesSymbol est initialisée avec la valeur "$", tandis qu'une variable locale du même nom est déclarée dans la fonction showMoney() et reçoit la valeur "€".

Lorsque la fonction showMoney() est invoquée, la variable locale monnaieSymbol apparaît et masque la variable globale du même nom. Dans le cadre de la fonction, toute référence à monnaieSymbol fera référence à la variable locale.

Par conséquent, lorsque la ligne console.log(currencySymbol montant); est exécuté, le résultat sera "100 €", et non "100 $". En effet, la variable locale monnaieSymbol a priorité sur la variable globale dans la portée de la fonction.

Conclusion :

Ce comportement illustre l'observation de variable en JavaScript, où une variable locale peut masquer une variable du même nom dans une portée externe. En comprenant ce concept, vous acquérez une compréhension plus approfondie de la portée des variables et des subtilités de l'exécution du code JavaScript.

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