函数和变量提升的意外结果[重复]

Question

我正在阅读“你不懂 JS”系列的第二本书，我已经在变量之前提升了 read that 函数。

所以这是代码：

foo(); // 1

var foo;

function foo() {
    console.log( 1 );
}

foo = function() {
    console.log( 2 );
};

这个输出将是 1。但是为什么呢？首先提升函数，然后提升变量。所以在我的函数 foo（打印 1 的那个）被提升之后，它必须跟着变量 foo。所以结果应该是“未定义”而不是“1”。

我希望代码表现得像以前一样：

// hoisted first
function foo() {
    console.log( 1 );
}

// hoisted second
var foo;  // implicitly initialized to 'undefined'

foo();  // call 'undefined' - error?

foo = function() {
    console.log( 2 );
};

这里发生了什么？

Answer 1

如前所述，函数在变量之前被提升；如果解释器遇到var foo 之后 foo 已经在范围内定义，它将被简单地忽略。它不会将foo 分配给undefined，它只确保一个名为foo 的变量存在于当前作用域中——它已经这样做了。

正如你不知道的 JS 链接中所说：

多个/重复的 var 声明被有效地忽略

这是另一个常见的被忽略的重复变量的常见示例，可能更熟悉/直观：

if (false)
  var foo = false;
else
  var foo = true;

变成

var foo;
var foo; // does not actually do anything; does not assign `undefined` to `foo`, ignored
// foo just *happens* to not have anything assigned to it in almost all cases like this
if (false)
  foo = false;
else
  foo = true;