JS函数声明和函数表达式

来源:互联网 发布:增强现实算法 编辑:程序博客网 时间:2024/04/30 20:58
JS中有两种定义函数的方法:函数声明函数表达式

函数声明是指下面的形式:
  1. function functionName(){
  2. // JS Code
  3. }

函数表达式则类似于给变量赋值:
  1. var functionName = function(){
  2. // JS Code
  3. }

这两种写法相差无几,实际项目中都是可行的,我们可能也没有发现什么错误。但是,他们是有区别的,JS解析器对函数声明和函数表达式并不是一视同仁的。

对于函数声明,JS解析器会在预解析阶段优先读取函数声明的代码,以确保函数能够被引用到;而对于函数表达式,只有在执行到相应的语句时才进行解析。在实际中,具体表现在:当使用函数声明的形式来定义函数时,可将调用放在函数声明之后,而使用函数表达式,这样做的话会报错。

请看下面代码:
复制纯文本新窗口
  1. try{
  2. demoFn1();
  3. function demoFn1(){
  4. alert("函数调用成功!");
  5. }
  6. }catch(e){
  7. alert("函数调用失败!");
  8. }
  9. try{
  10. demoFn2();
  11. var demoFn1 = function(){
  12. alert("函数调用成功!");
  13. }
  14. }catch(e){
  15. alert("函数调用失败!");
  16. }
0 0