JavaScript的变量提升

依照传统写代码的顺序，我们会觉得js代码运行的顺序是从上往下的，这种说法在大多数情况是正确的，也可能出现以下场景

console.log(a);

var a = 2;

这种代码，如果按照我们传统的思路来看，那一定打印出的是ReferenceError，但是我们却发现打印出了undefined。

这是因为 var a = 2 会发生 变量提升 。提升后的代码就类似于：

var a;

console.log(a);

a = 2;

这样的结果是因为编译器在引擎执行之前所做的工作，编译器会将 函数声明 以及 变量声明 在所在的作用域进行提升，然后才交给引擎执行。

 

那如果函数声明和变量声明同时存在，哪一个优先呢。

 

答案是函数声明！

 

参考以下代码：

foo();


var foo;

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

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

在这里foo首先发生函数提升，然后后面定义的foo函数覆盖了前面的函数声明，当遇到var foo时发现重复了，所以这个声明会被忽略。最终打印出2