首页 / 脚本样式 / JavaScript / 浅析javascript中函数声明和函数表达式的区别

javascript中声明函数的方法有两种:函数声明式和函数表达式.
区别如下:
1）.以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的.
2）.以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用.
3）.以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而
    函数表达式可以在任何地方声明.
下面分别用两种方法定义函数:
复制代码 代码如下:
 //函数声明式
 function greeting（）{
       console.log（"hello world"）; 
 }
 //函数表达式
 var greeting = function（）{
     console.log（"hello world"）;
 }

下面一个有趣的javascript:
复制代码 代码如下:
 function f（） { console.log（"I am outside！"）; }
 （function （） {
   if（false） {
     // 重复声明一次函数f
     function f（） { console.log（"I am inside！"）; }
   }
   f（）;
 }（））;

会输出什么呢?第一反应应该是"I am outside"吧.  结果在chrome中输出"I am inside",IE11直接报错,firefox低一点的版本输出"I am outside"...
chrome输出的结果很明确的反应了用函数声明式声明的函数的特点--函数在声明之前就可以调用.
IE报错显示缺少对象,因为函数声明在了条件里,违背了函数声明式的原则.
函数表达式的作用域:
如果函数表达式声明的函数有函数名,那么这个函数名就相当于这个函数的一个局部变量,只能在函数内部调用,举个栗子:
复制代码 代码如下:
 var f = function fact（x） {
                 if （x <= 1）
                     return 1;
                 else
                     return x*fact（x-1）;
                 };
                 alert（fact（））;   // Uncaught ReferenceError: fact is not defined

fact（）在函数内部可以调用,在函数外部调用就会报错:fact未定义

以上就是本文的全部内容了，希望大家能够喜欢。