欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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的函数体

由于代码程序最终执行的结果是函数体而不是undefined,由此可以得出以下结论:预解析时,变量声明在上,函数声明在下。