JavaScript の変数シャドウイングとは何ですか?

例を通して JavaScript の変数シャドウイングを理解する

JavaScript の概念である変数シャドウイングは、変数がより狭いスコープ内で宣言されたときに発生します (例: function) は、より広いスコープ (例: グローバル スコープ) で宣言された同じ名前の変数をオーバーライドします。

この概念をよりよく理解するために、次の例を検討してください。

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

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

showMoney("100");</code>

これではたとえば、currencySymbol という名前のグローバル変数があり、最初はドル記号「$」に設定されています。ただし、showMoney 関数内では、同じ名前の別の変数を宣言し、今回はユーロ記号 "€" に設定します。

showMoney 関数が呼び出されると、関数のcurrencySymbol 変数は、同じ名前。これは、関数内で、currencySymbol の値が「€」になり、グローバル スコープのドル記号が一時的に非表示になることを意味します。

その結果、関数内でcurrencySymbolの値を記録すると、「」が出力されます。 €100"、オーバーライドを示します。これは変数シャドウイングの効果を示しています。つまり、狭いスコープ内で宣言された変数が、より広いスコープ内で宣言された同じ名前の変数をオーバーライドします。

以上がJavaScript の変数シャドウイングとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。