首頁  >  文章  >  web前端  >  JavaScript 中的變數陰影是什麼?

JavaScript 中的變數陰影是什麼?

Linda Hamilton
Linda Hamilton原創
2024-10-24 10:20:29543瀏覽

What is Variable Shadowing in JavaScript?

透過範例了解JavaScript 中的變數遮蔽

變數遮蔽是JavaScript 中的一個概念,當在較窄範圍內宣告的變數時(例如,函數)覆蓋在更廣泛的範圍(例如,全域範圍)中聲明的同名變數。

考慮以下範例以更好地理解這個概念:

<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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn