Javascript中变量函数申明优先级

案例一

console.log(a); //输出function a(){}
function a() {};
var a=3;

案例二

function a() {};
var a=3;
console.log(a);//输出3

为什么两者输出不一样呢？

解析：

针对案例一

其执行流程可以细化为

1.首先会申请一个空间，开始申明函数a，然后在执行申明变量a，发现已经有a的声明，于是不进行申明

2.然后，就执行console.log(a);即输出函数a

3.最后执行在执行赋值操作，将a=3，这时候函数a就被转为变量类型，并赋值为3。为了验证，可以将程序改为如下

a();
function a() {
	console.log(5);
};
var a=3;
a();

因为在赋值之前，a仍然是函数，当执行赋值语句后，a变为3了，执行a()就会报错。

针对案例二

同理可以知，首先申明了函数a，然后在执行申明变量a，发现已经有a的声明，于是不进行申明，接下来，执行了赋值语句，将函数a转为变量。最后输出变量a的值

总结：

1)函数被申明的优先级高于变量

2)被声明过的变量名或是函数名不会被重复申明

3)变量和赋值语句一起书写，在js引擎解析时，会将其拆成声明和赋值2部分，声明置顶，赋值保留在原来位置

补充

1.下面代码执行结果为

var x=0;
f();
console.log(x);
var f=function(){
	x=1;
}
f();
console.log(x);
function f(){
	x=2;
}
f();
console.log(x);

最后

以上就是坚定导师为你收集整理的Javascript中变量函数申明优先级的全部内容，希望文章能够帮你解决Javascript中变量函数申明优先级所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。