JavaScript函数表达式详解及实例

JavaScript函数表达式

一、序

      定义函数的方式有两种：一种是函数声明，另一种就是函数表达式；

      1.1 函数声明

function functionName(arg){   //函数体}

      关于函数声明，它有一个重要特征就是函数声明提升，意思就是在执行代码之前会先读取函数声明。这就意味着可以把函数放在调用它的语句后面。如下所示：

helloworld(); //在代码执行之前会先读取函数声明function helloworld(){  console.log("hello world");}

     1.2 函数表达式

var functionName=function(arg){   //函数体}

      这种形式看起来好像是常规的变量赋值语句，即创建一个函数并将它赋值给变量functionName。这种情况下创建的函数叫做匿名函数。因为function关键字后面没有标识符。

函数表达式与其他表达式一样，在使用之前必须先赋值；如下面代码就会导致错误；

helloworld(); //错误，还未赋值，函数不存在var helloworld=function(){  console.log("hello world");}

       有了函数表达式，我们就可以动态给函数表达式赋值了；如下面代码：

var helloworld; //声明if(condition){ //条件  helloworld=function(){ //赋值    console.log("hello world");   }}else{  helloworld=function(){ //赋值    console.log("你好，世界");  }}

二、递归函数

     递归函数是在一个函数通过名字调用自身的情况下构成的（和C#等语言一样，所以程序的核心思想是差不多，只是在语法上有些差异，学好一门语言的基础，学习其他就会轻松很多），举个经典的递归面试题，一列数的规则如下 : 1 、 1 、 2 、 3 、 5 、 8 、 13 、 21 、 34…… 求第 30 位数是多少，  用递归算法实现，代码如下所示：

   function foo(n) {      if (n <= 0)        return 0;      else if (n > 0 && n <= 2)        return 1;      else        return foo(n - 1) + foo(n - 2);    }

虽然这个函数表明看来没有什么问题，但下面的代码却可能导致它出错：

   var foo1 = foo;    foo = null;    console.log(foo1(34));

以上代码先把foo()函数保存在变量foo1中，然后将foo变量设为null，结果指向原始函数的引用只剩下一个。但在接下来调用foo1()时，由于必须执行foo()，而foo已经为null了，所以就会导致错误；在这种情况下，使用arguments.callee可以解决这个问题。arguments.callee是一个指向正在执行的函数的指针，因此可以用它来实现对函数的递归调用