函数表达式和函数声明

函数表达式和函数声明

在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符：

　　函数声明:

　　function 函数名称 (参数：可选){ 函数体 }

　　函数表达式：

　　var name=function 函数名称（可选）(参数：可选){ 函数体 }

所以，可以看出，如果不声明函数名称，它肯定是表达式，可如果声明了函数名称的话，如何判断是函数声明还是函数表达式呢？ECMAScript是通过上下文来区分的，如果function foo(){}是作为赋值表达式的一部分的话，那它就是一个函数表达式，如果function foo(){}被包含在一个函数体内，或者位于程序的最顶部的话，那它就是一个函数声明。

  function foo(){} // 声明，因为它是程序的一部分
  var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分

  new function bar(){}; // 表达式，因为它是new表达式

  (function(){
    function bar(){} // 声明，因为它是函数体的一部分
  })();

还有一种函数表达式不太常见，就是被括号括住的(function foo(){})，他是表达式的原因是因为括号 ()是一个分组操作符，它的内部只能包含表达式，我们来看几个例子：

  function foo(){} // 函数声明
  (function foo(){}); // 函数表达式：包含在分组操作符内

命名函数表达式

提到命名函数表达式，理所当然，就是它得有名字，前面的例子var bar = function foo(){};就是一个有效的命名函数表达式，但有一点需要记住：这个名字只在新定义的函数作用域内有效，因为规范规定了标示符不能在外围的作用域内有效：

  var f = function foo(){
    return typeof foo; // foo是在内部作用域内有效
  };
  // foo在外部用于是不可见的
  console.log(typeof foo); // "undefined"
  console.log(f()); // "function"

   var f = function foo(){
   return foo; // foo是在内部作用域内有效
   };
    // foo在外部用于是不可见的
   console.log(typeof foo); // "undefined"
   console.log( f()==f); // "function"
   console.log(f.name);//foo

   var f=function g(){
   return 23;
   }
   console.log( typeof g);//undefined
   console.log(g());//Uncaught ReferenceError: g is not defined
   console.log( g);//Uncaught ReferenceError: g is not defined
   console.log(f);//function g()
   console.log(f());//23
   console.log(f.name);//g

  最后补充一下，函数的递归一般都是用arguments.callee()的方法，但在严格模式下会出错，这是就可以用命名函数表达式来达成相同的结果

  用arguments.callee():

var sum = function(n){
  if (n <= 1) return 1;
  else return n+arguments.callee(n - 1)
}
var sum1=sum;      //sum1和指向sum指向同一个引用
sum=function(){
return 0;
}
console.log(sum1(5));//15
console.log(sum(5));//0  sum指向另一个函数引用

用命名函数表达式的方法：

    var f = function foo(m){
      if(m<=1){
      return 1;
     }    
      else{return m*foo(m-1)}     // foo是在内部作用域内有效,这里可以用m*f(m-1)
  };
                        
    console.log(f(4));            // foo在外部用于是不可见的，故只能用f()

 既然，这么要求，那命名函数表达式到底有啥用啊？为啥要取名？

 正如我们开头所说：给它一个名字就是可以让调试过程更方便，因为在调试的时候，如果在调用栈中的每个项都有自己的名字来描述，那么调试过程就太爽了，感受不一样嘛。