先贴上代码:
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函数实际上是调用顶部已经提前了的函数。