函数声明是指下面的形式:
function functionName(){ // JS Code }
函数表达式则类似于给变量赋值:
var functionName = function(){ // JS Code }
这两种写法相差无几,实际项目中都是可行的,我们可能也没有发现什么错误。但是,他们是有区别的,JS解析器对函数声明和函数表达式并不是一视同仁的。
对于函数声明,JS解析器会在预解析阶段优先读取函数声明的代码,以确保函数能够被引用到;而对于函数表达式,只有在执行到相应的语句时才进行解析。在实际中,具体表现在:当使用函数声明的形式来定义函数时,可将调用放在函数声明之后,而使用函数表达式,这样做的话会报错。
请看下面代码:
try{ demoFn1(); function demoFn1(){ alert("函数调用成功!"); } }catch(e){ alert("函数调用失败!"); } try{ demoFn2(); var demoFn1 = function(){ alert("函数调用成功!"); } }catch(e){ alert("函数调用失败!"); }
实例演示: