Javascript变量提升

1、浏览器的解析过程

1、预解析
在预解析之初，即在js的 “ = ”号发挥作用之前，先会做三件事：
  最先寻找带有var的变量，找到带有var的变量然后并赋予为undefined（这就是变量提升）;
  其次找到函数，此时的函数是找到整个函数块，并不会对其进行解析。
2、逐行解读代码
从上到下解读表达式：（能改变数值的）=+-%*／++—！参数number（）等，表达式可以修改预解析的值。

那就看例子，例子最能说明一切：
Eg1：

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

console.log(typeof a)

a()

解析：

第一个结果：function a() { console.log(a) }
因为在预解析中若遇到重名只留下一个，当var 和 函数重名时，只留下函数。var解析a为undefined，将被函数覆盖。因为先寻找var定义的变量，找到后进行赋值undefined，随后找到函数块，会将同名变量进行覆盖，所以第一个console.log为最后一个遇到的函数。
第二个结果：1
从上往下进行赋值，原本还是函数的a已经被重新赋值。
第三个结果：1
函数没有被调用，不会产生影响，所以结果还是1。
第四个结果：3
遇到同名变量，被重新赋值。
第五个结果：3
函数没有被调用，不会产生影响，所以结果还是3。
第六个结果：number
在第一个变量a的时候，就已经把预解析的函数给cover了，所以，此时的a已经不是函数，而是数字。
第七个结果：TypeError报错
既然a都已经不是函数了，自然无法调用，就会进行报错。

Eg2：

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

解析：

第一个结果：undefined
函数在逐行解读代码时，遇到函数调用也会按照解读顺序，进行预解析，逐行解读代码。
第二个结果：1
因为函数存在作用域，局部变量只能在作用域内访问，能访问外部变量，却不能修改，离开了作用域则会被垃圾回收机制回收，所以，结果为1。

Eg3：

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

解析：

第一个结果：1
若当函数中没有var 解读不到时，函数会回到父级中寻找var，将父级中的var a带入函数中。这就是作用域链。
第二个结果：2
a = 2 为全局变量，可以改变外部变量的值，所以，在外部访问时，打印结果为2。

Eg4：

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

解析：

第一个结果：1
在函数内的解析中，先进行预解析，预解析找到参数a，由于参数a相当于var a，在上面代码中并未进行赋值，所以打印出来是undefined。
第二个结果：2
随后当a被赋值2时，先找找本函数中的var a，若是找到，则修改本局部函数中的a，若未找到，则会向上查找，找到作用域外部的a，将全局函数中的a修改。

Eg5：

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

解析：

第一个结果：1
函数调用中，赋予的参数a，调用的是全局函数中的值1，相当于将1代入函数中。
第二个结果：1
函数中的a = 2能够在函数中找到var a，所以此时修改的是当前函数内的a，而不会向上查找修改全局变量a，所以函数作用域外部的变量依然还是1。

如果这些代码，全都能搞定并说出原因，我想，关于Javascript变量提升的问题应该不大了吧~