JavaScript中的var提升[重复]

Question

考虑下面的 JavaScript 代码-

var DEFAULT_RATE=0.01;
var rate=0.04;
function getRate() {
  if(!rate) {
    var rate=DEFAULT_RATE;
  }
  return rate;
}
console.log(`Rate is`,getRate());

下面代码的输出是0.01 我从中得出的结论是，变量被提升（并声明为未定义）到与它们使用位置有关的范围的顶部。在 let 和 const 的情况下，它们会进入 TDZ，但这完全是另一回事。

但我也了解到 var 具有全局范围。然后 var show 不允许变量重新声明。

全局作用域不就是包含整个代码的作用域吗？我理解错了吗？

Answer 1

当使用var 声明变量时，变量可以采用函数或全局范围。如果在函数内使用var，则它具有函数作用域，如果在任何函数之外使用var，则变量具有全局作用域。

所以，你的陈述：

但我也了解到 var 具有全局范围。然后 var show 不允许 变量重新声明。

实际上，不是很准确，因为它取决于var 的使用位置，并且在比第一次声明更小的范围内重新声明（更正确地称为变量“隐藏”）是可能的。

使用var 声明时，声明被提升到作用域的顶部。

我已经写了another answer，详细描述和演示了这一点。

Answer 2

在 JavaScript 中，函数声明在 var 声明之前被提升，而赋值不会被提升。

所以问题中的示例代码：

var DEFAULT_RATE=0.01;
var rate=0.04;
function getRate() {
  if(!rate) {
    var rate=DEFAULT_RATE;
  }
  return rate;
}

有这个有效的排序：

// hoisted function
function getRate() {
  var rate = undefined; // <- hoisted local variable
  if(!rate) { // <- always true
    rate = DEFAULT_RATE; // <- always executed
  }
  return rate; // <- always returns DEFAULT_RATE (0.01)
}

// hoisted vars
var DEFAULT_RATE;
var rate;

// not-hoisted assignments
DEFAULT_RATE = 0.01;
rate = 0.04;

// not-hoisted function call
console.log(`Rate is`,getRate());

由于getRate() 包含var rate，函数作用域rate 被提升到getRate() 的开头，值为undefined。

因此，if(!rate) 的计算结果为 if(!undefined)，这始终为真，getRate() 始终返回 DEFAULT_RATE (0.01)。