05 JS 声明提升

关于编译器，引擎会在解释 JS 代码之前首先对其进行编译。编译阶段的一部分工作就是找到所有的声明，并用合适的作用域将它们关联起来。

1.声明提升

“提升”就是变量和函数声明从它们在代码中出现的位置被“移动”到了最上面，这个过程就叫“提升”。

// 代码示例 1
foo();
function foo() {
    console.log(a); // undefined
    var a = 2;
}

如上面代码示例 1， foo 函数的声明被提升了，因此第一行中的调用可以正常执行。需要注意的是，每个作用域都会进行提升操作。也就是函数自身也会在内部对 var a 进行提升，所以最终的形式可以理解为如下代码示例 2：

// 代码示例 2
function foo() {
    var a;
    console.log(a); // undefined
    a = 2;
}
foo();

2.函数表达式不会被提升

// 代码示例 3
foo(); // TypeError 类型错误

var foo = function bar() {
     // ...
}

foo() 由于对 undefined 值进行函数调用而导致非法操作，因此抛 TypeError 出异常。

3.函数优先

函数声明会被提升到普陀变量之前。

// 代码示例 4
foo(); // 1

var foo;

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

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

上述代码示例 4 会被引擎理解为如下形式：

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

foo();  // 1

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

重复的函数声明可以覆盖前面的。

尽可能避免在块内部声明函数。

总结

• var a = 2; 其中 var a; 是编译阶段的任务，a = 2; 是执行阶段的任务；
• 所有的声明（变量和函数）都会被“移动”到各自作用域的最顶端，这个过程叫“提升”；
• 声明本身会被提升，而包含函数表达式在内的赋值操作不会被提升；
• 避免重复声明。

注：文章参考总结自 《你不知道的 JavaScript 上卷》[美] KYLE SIMPSON 著 第 42 页。