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()函数时会出报错
参考 传智博客黑马程序员视频教程