变量提升与函数提升——JavaScript

变量提升：

使用 var 操作符定义的变量会成为包含它的函数的局部变量，同时这个变量会自动提升到函数作用域顶部。

function foo() {
    console.log(age);
    var age = 25;
}
foo();    //undefined

之所以不会报错，是因为 ECMAScript 运行时把它看成等价于如下代码：

function foo() {
    var age;
    console.log(age);
    age = 26;
}
foo();    //undefined

---

函数提升：

JavaScript 引擎在任何代码执行之前，会先读取函数声明，并在执行上下文中生成函数定义。（函数表达式必须等到代码执行到它那一行），这个过程叫做函数声明提升。（函数提升比变量提升更靠前）

console.log(sum(10, 10));
function sum (num1, num2) {
    return num1 + num2;
}    //20

---

结合变量提升和函数提升：

var a = true;
foo();

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

上面例子的结果是 undefined。这段代码实际执行的样子：

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

var a;
a = true;

foo();

再看一个：

foo();

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

foo();

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

foo();

结果是 function var var。

function foo(){...} 被移到了顶端，所以第一个 foo() 输出的是 function，而执行到 var foo(){...} 时，此处覆盖了先前的 foo()，所以后面输出了两个 var。