变量提升与预解析

js预析

三个要素：

1. var
2. 方法参数
3. function

预解析过程就是变量提升的过程，每当出现这三要素之一，首先形成预先解析空间，预解析完成以后，再逐行执行。
如果在本作用域中没有找到值得定义，那么将会向上查找，形成作用域链

什么是作用域？
个人理解：一段解析空间

配合题目加深理解：

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

根据规则，先与解析，再逐行执行，实际预解析结果如下：

// 看三要素：var 方法参数 function
// 遇到第一个var
a = undefined
// 遇到第一个方法a
a = function(){console.log(1)}
// 遇到第二个var
a = undefined
// 遇到第二个方法a
a = function(){console.log(2)}
// 遇到第三个方法a
a = function(){console.log(3)}
// 后面没有其他得要素了 ，预解析结束

再逐行执行，结果如下：

 console.log(a) // function(){console.log(3)}
 var a = 1;  // 赋值1
 console.log(a)  // 1
 function a(){console.log(1)} // 声明方法a 跳过不执行
 var a = 2; // 赋值2
 console.log(a)  // 2
 function a(){console.log(2)} // 声明方法a 跳过不执行
 function a(){console.log(3)} // 声明方法a 跳过不执行
 a()  // a此时是值2，不是方法，报错， a is not function
 console.log(a) // 2