Javascript 预解析的顺序问题
程序员文章站
2022-03-18 17:05:26
...
Javascript 预解析的顺序问题
首先有一定基础的应该都知道,js代码在执行之前,会将函数声明和变量声明提升到当前作用域的最顶端,但是此处有个疑问,若一个函数与一个变量同名的情况下,会出现二者中有一个声明会被覆盖的情况,为搞清楚哪个会被覆盖,这时就需要探讨预解析时,是函数声明在上还是变量声明在上的问题。
下面通过代码分析
function a(){
console.log(2);
}
var a=1;
console.log(typeof a);
上方代码在函数执行时会进行预解析,至于预解析时是函数声明在上还是变量在上,我们通过假设的方法进行求证,首先假设,若函数声明在上,则函数在预解析时,会在内部执行下方代码
function a(){//函数声明
console.log(2);
}
var a;//变量声明,根据后面代码会将前面代码覆盖原则,此时a代表的是变量
a=1;//变量赋值
console.log(typeof a);//打印的类型为number
若变量声明在上,则函数在预解析时,会在内部执行下方代码
var a;//变量声明
function a(){//函数声明,根据后面代码会将前面代码覆盖原则,此时a代表的是函数
console.log(2);
}
a=1;//给函数a赋值1,此时类型又变为number
console.log(typeof a);//打印的类型为number
以上两种情况下,最终代码的结果一样,因此上面代码并不能分清到
函数声明在上还是变量在上。
接着通过下面代码分析
function a(){
console.log(2);
}
var a;
console.log(a);
首先假设,若函数声明在上,则函数在预解析时,会在内部执行下方代码
function a(){//函数声明
console.log(2);
}
var a;//变量声明,根据后面代码会将前面代码覆盖原则,此时a代表的是变量
console.log(a);//因为变量a只进行了声明未赋值,所以结果为undefined
若变量声明在上,则函数在预解析时,会在内部执行下方代码
var a;//变量声明
function a(){//函数声明,根据后面代码会将前面代码覆盖原则,此时a代表的是函数
console.log(2);
}
console.log(a);//打印结果为函数a的函数体