JS中的提升(即变量和函数声明移动到代码顶部)

先看代码（第一个代码片段）：

console.log(a);
var a = 1;

如果你认为这是一段不合法的代码，在调用console.log()的时候会输出undefined，你完全正确。但是如果是下面这样呢？

a = 1;
var a;
console.log(a);

结果输出为1.

JavaScript会把var a=1划分为两个语句，var a和a = 1.第一个语句(也就是声明)是在编译阶段处理的，第二个语句(赋值)是在执行阶段处理的。

因此，之前的代码片段实际上是这样执行的：

var a；   //  -------编译阶段

a = 1；     //   -------执行阶段

console.log(a);

而第一个代码片段是这样执行的：

var a；     //    ----编译阶段

console.log（a);

a= 1;       //   -----执行阶段

如你所见，变量和函数声明在编译阶段被移动到了代码的顶部，这就是常说的“提升”。一定要记住，只有声明才会被提升，而赋值或者其他可执行的逻辑依然保留在原位置。

下面的代码片段展示了函数声明提升：

foo();
function foo(){
　　console.log(a);     //undefined
　　var a =1;
}

因为函数的声明会被提升，因此我们可以在其定义之前就调用该函数。关于提升很重要的一点是，他是以作用域为单位进行的。

提升后的函数foo()会变成下面的样子：

function foo(){
    var a;
    console.log(a);
    a =1;
}

函数表达式并不会像函数声明那样被提升。

函数声明和变量声明都会被提升，但是函数在先，变量在后。