函数表达式和函数声明

函数表达式和函数声明

在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()

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

 正如咱们开头所说：给它一个名字就是可让调试过程更方便，由于在调试的时候，若是在调用栈中的每一个项都有本身的名字来描述，那么调试过程就太爽了，感觉不同嘛。