JavaScript 提升 - 内存创建阶段后提升的代码

Question

我正在阅读凯尔·辛普森 (Kyle Simpson) 的书：https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/scope%20%26%20closures/ch4.md#functions-first。

但我不完全理解这一行 “请注意 var foo 是重复的（因此被忽略）声明，即使它出现在 function foo()... 声明之前，因为 function声明在普通变量之前被提升。"

假设这是代码：

console.log(foo);     // The output is: foo() { return 2; }

function foo() {
    return 1;
}

function foo() {
    return 2;
}

var foo = 3;

我想可视化在内存创建阶段之后 JS 引擎中的输出。会是这样吗？

function foo() {
    return 2;
}

console.log(foo);

如果是，为什么var foo = 3; 被忽略了？在 sn-p 中，var 没有重复项。如果没有，谁能帮我想象一下在内存创建阶段之后 JS 引擎的输出是什么？

谢谢

Answer 1

我认为文字是指

// scope creation
var foo; // the name was declared. Thrice.
foo = undefined; // from the var
foo = function foo() { return 1 }; // from the first declaration
foo = function foo() { return 1 }; // from the second iteration

// execution
console.log(foo);
;
;
foo = 3;

由于var foo 声明，foo 使用 undefined 初始化，但随后被优先的 function foo 声明中的初始化值覆盖 - 无论声明出现在代码，function 声明优先于 var 声明。

Answer 2

• 函数声明
  1. 声明一个与函数同名的变量（这是提升的）
  2. 将函数分配给该变量（已提升）
• var 具有关联分配的语句
  1. 声明一个具有该名称的变量（已提升）
  2. 将值分配给该变量（这是未提升）

---

var foo = 3 不会被忽略。

变量声明 (var foo) 被忽略，因为之前的函数声明已经声明了该变量。 （即因为它重复了foo 的声明）。

foo = 3 不会被忽略，并且确实将 3 分配给 foo ...它只是这样做在您的 console.log 语句运行之后，因为它没有被托管。