JS的变量和函数提升

JS代码的执行分为：预解析 和 执行 两个过程，在预解释过程中，会对以 var 声明的变量和函数进行提升操作,变量的提升是分作用域的

     A.当函数和变量同名的时候，只提升函数，不会提升变量名

     B.函数同名，全都会提升，但是后面的函数会覆盖前面的函数

     C.函数表达式中函数的声明不会被提升，但是变量会被提升

1、变量的提升

//正常代码
alert(a);
var a = 1;

//提升后的代码模拟
var a;
alert(a);
a=1;

因为预解释中会对 变量a的声明 提升，但是不会对初始化进行提升，所以当执行alert(a)时，由于变量a并未赋值，所以代码的结果是 undefined

2、同名函数的提升

当出现同名函数，预处理的时候，会把两个函数都进行提升，但是后面的那个函数会覆盖前面的那个函数

//正常代码
func1();
function func1(){
    console.log('this is the first fun');
}

func1();
function func1(){
    console.log('this is the last func1');
}

//提升后的代码模拟
function func1(){
    console.log('this is the first fun');
}

function func1(){
    console.log('this is last fun');
}

func1();
func1();

预解释会把两个同名的函数都提升，但是不会提升函数调用，由于后面的函数会把前面的函数覆盖，所以输出结果应该为：

3、同名变量和函数的提升

在提升的时候，如果有变量和函数同名，会忽略变量而只提升函数

//正常代码
alert(fun);
function fun(){}

var fun = 2;
alert(fun);

//提升后的代码模拟
function fun(){};
alert(fun);

var fun;

fun = 2;
alert(fun); 

打印的结果依次是：

4、函数表达式的提升

//正常代码
fun();
var fun = function(){
   alert('123');
}

//提升后的代码模拟
var fun;
fun();
func = function(){
   alert('123');
}

因为函数表达式只会提升声明，不会提升定义，所以当提升后，有fun这个变量，但是却没有定义一个函数，所以当调用fun()函数时会出报错

参考 传智博客黑马程序员视频教程