JavaScript における変数のシャドウイングを理解する: 変数のスコープがオーバーライドされるのはいつですか?

JavaScript での変数シャドウイングについて: 基本的な例

JavaScript では、同じ名前の変数が宣言されたときに変数シャドウイングが発生します。

次のコードを考えてみましょう。

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

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

showMoney("100");</code>

この例には、currencySymbol という名前の変数が 2 つあります。 1 つ目はグローバル スコープで宣言され、2 つ目は showMoney 関数内で宣言されます。 showMoney 関数が呼び出されると、独自の CurrencySymbol 変数が作成され、同じ名前のグローバル変数がシャドウされます。関数内では、関数スコープの CurrencySymbol が使用され、その結果、「$100」ではなく「€100」が出力されます。

この動作は、変数のシャドウイングを示しています。この関数はスコープ内でグローバル変数をオーバーライドし、同じ名前の変数の新しいインスタンスを作成します。この手法は、変数のスコープを制限し、意図しない変数の衝突を防ぐのに役立ちます。

以上がJavaScript における変数のシャドウイングを理解する: 変数のスコープがオーバーライドされるのはいつですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。