前言

来个经典面试题

// eg1
a = 3;
var a;
console.log(a); // 3，不是undefined
// eg2
console.log(a); // undefined，不是ReferenceError
var a = 4;

这就是定义声明提升
下面说的变量定义声明提前均是var

编译器

这里我们得回忆下编译器：在编译阶段会形成作用域（串联所有声明），也就是定义声明在运行前就完成了，那么剩下的在运行时执行。
所以var a = 3;其实var a;在编译时完成了，a = 3;在运行时执行。那么无论你写在哪，前后怎么样，在相同作用域之内，定义声明都会提升。

这里扫个盲

// 具名函数表达式，编译阶段空有名
var foo = function boo() {
  // do nothing
}
// 函数声明编译阶段就被赋值
function foo() {
  // do nothing
}

foo(); // TypeError
bar(); // ReferenceError
var foo = function bar() {
    // ...
};
// 实际上是这样子的
var foo;
foo(); // TypeError
bar(); // ReferenceError
foo = function() {
    var bar = ...self...
        // ...
}

函数优先

既然变量和函数声明都会提升，那么得有先后。函数优先
不过如下所示，有几点得注意：

1. 声明的函数名和变量名相同的话，那么声明变量的就会因为重复的声明被忽略，因为函数优先
2. 后面的函数声明会覆盖前面的

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

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

// <====>

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

避免重复声明，特别是函数和var声明在一起的时候