JavaScript 同一变量的多个声明的提升

Question

我试图理解 JavaScript 提升，根据我的理解，内存 space 在执行代码之前为所有变量声明预留。

我想了解在同一变量有多个声明的情况下，解释器如何通过提升来工作。考虑以下代码：

 console.log(a);

 //first declaration
 function a() {
     console.log('hello');
 }

 //second declaration
 var a = 2;

输出是函数声明：

function a() {
    console.log('hello');
}

因此，我假设解释器遇到的第一个声明是存储在内存中的声明。但是，将声明顺序更改为：

console.log(a);

//first declaration
 var a = 2;

//second declaration
function a() {
    console.log('hello');
}

结果相同！解释器忽略第一个声明并将第二个声明存储在内存中。为什么会这样？第二种情况的输出不应该是undefined吗？

Answer 1

解释器将像下面这样读取您的代码，

 function a() {
     console.log('hello');
 }
 var a;
 console.log(a);
 a = 2;

所以在执行上面的代码时，a 将首先引用函数，然后 var a; 行将被执行，因为 a 在那里未定义，分配的值将不能通过变量声明设置为 undefined。因此，该行被忽略并打印函数引用的 primitive 值。

一个简单的例子可以让您更好地理解，

function x(){  };
var x;
console.log(x); //function x(){  }

JavaScript hoisting for multiple declarations of the same variable