Javascript 预解析的顺序问题

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，由此可以得出以下结论：预解析时，变量声明在上，函数声明在下。