変数シャドウイングとは何ですか? JavaScript の変数スコープにどのような影響を与えますか?

JavaScript での変数シャドウイングの例

JavaScript の領域では、変数シャドウイングが基本概念として登場します。その本質を理解するために、具体的な例を詳しく見てみましょう。

シナリオ例:

次のコード スニペットを考えてみましょう:

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

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

showMoney("100");</code>

説明:

この例では、変数 CurrencySymbol の 2 つのバージョンが発生します。グローバル変数currencySymbolは値「$」で初期化されますが、同じ名前のローカル変数がshowMoney()関数内で宣言され、値「€」が与えられます。

showMoney()関数が呼び出されると、ローカルcurrencySymbol変数が存在し、同じ名前のグローバル変数をシャドウします。関数のスコープ内では、currencySymbol への参照はすべてローカル変数を参照します。

したがって、行 console.log(currencySymbol amount); が実行されると、を実行すると、出力は「$100」ではなく「€100」になります。これは、関数のスコープ内で、ローカル通貨シンボル変数がグローバル変数よりも優先されるためです。

結論:

この動作は、JavaScript での変数シャドウイングの例です。外側のスコープ内の同じ名前の変数をマスクできます。この概念を理解することで、変数のスコープと JavaScript コード実行の複雑さをより深く理解できるようになります。

以上が変数シャドウイングとは何ですか? JavaScript の変数スコープにどのような影響を与えますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。