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

一个例子理解函数声明与函数表达式的区别

程序员文章站 2022-07-11 11:53:26
...

先贴上代码: 

function a(){
		alert(1);
	}
	a();
	function a(){
		alert(2);
	}
	a();
	var a=function(){
		alert(3);
	}
	a();

你也许会认为浏览器是这样输出的:1   2   3

然而,它实际上是这样的:2  2  3

在JavaScript中,函数声明会被提升到顶部,也就是说在声明第二个函数a的时候,第一个函数被第二个函数顶替了,并且在所有方法调用之前已经在顶部定义好了,于是第一次调用a() ,调用不是第一个函数,而是顶替了第一个函数的第二个函数,这样说可能会很绕,看图。

函数声明和var声明的变量名会被提升到顶部,而同名函数会顶替掉前面的同名函数。也就是说,在函数表达式的出现之前,调用a函数实际上是调用顶部已经提前了的函数。

一个例子理解函数声明与函数表达式的区别