javascript中变量阴影的一个例子

Question

javascript中变量阴影的一个例子

我在Eloquent Javascript（第3章）中学习了变量阴影这个术语，但我试图理解这个概念的一个精确的基本例子。

这是阴影的一个例子吗？

var currencySymbol = "$";function showMoney(amount) {
  var currencySymbol = "€";
  document.write(currencySymbol + amount);}showMoney("100");

Answer 1

这也就是所谓的变量范围。变量仅存在于其包含的函数/方法/类中，并且这些变量将覆盖属于更宽范围的任何变量。这就是为什么在你的例子中，将显示一个欧元符号，而不是一美元。（因为currencySymbol包含美元的范围比currencySymbol包含欧元符号的范围更宽（全局）。至于你的具体问题：是的，这是变量阴影的一个很好的例子。

Answer 2

在计算机编程中，当在特定范围内声明的变量（决策块，方法或内部类）与在外部范围中声明的变量具有相同的名称时，会发生变量阴影。这个外部变量据说被遮蔽了......所以我相信你的榜样很好。你有一个全局命名变量，它与内部方法共享同一个名称。内部变量将仅用于该函数。没有该变量声明的其他函数将使用全局函数。

Answer 3

是的，你的例子是阴影的一个例子。由于JavaScript中的闭包工作方式，阴影将在其他场景中持续存在。这是一个例子：var x = -1;function xCounter() {    var x = 0;    return function() {        ++x;        return x;    };}console.log(x);   // -1counter = xCounter();console.log(counter());   // 1console.log(counter());   // 2console.log(x);   // still -1, global was never touched请注意，在这种情况下，即使xCounter返回，它返回的函数仍然具有对它自己的引用，x并且该内部函数的调用对全局没有影响，即使原始版本已经超出范围。