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中文网其他相关文章！