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