JavaScript函数表达式

1、序

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

      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("你好，世界");
    }
}

2、递归函数

     递归函数是在一个函数经过名字调用自身的状况下构成的（和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是一个指向正在执行的函数的指针，所以能够用它来实现对函数的递归调用

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

也可使用命名函数表达式来达成相同的结果。例如：

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

 3、闭包

      3.1 闭包是指有权访问另外一个函数做用域中的变量的函数，建立闭包的常见方式，就是在一个函数内部建立另外一个函数。要理解闭包，首先必须理解JavaScript特殊变量的做用域。变量的做用域无非就是两种，全局变量和局部变量；接下来写几个demo来直观表达；

函数内部直接读取全局变量：

        var n = 100; //定义一个全局变量
        function fn() {
            console.log(n); //函数内部直接读取全局变量
        }

        fn();

函数外部不能直接读取局部变量：

        function fn() {
            var n = 100;
        }

        console.log(n); //n is not defined

在这里有个地方须要注意的是，在函数内部声明变量的时候，必定要用var ,若是没用，则会变成全局变量：

        function fn() {
             n = 100;
        }
        fn();
        console.log(n); //100

有时候咱们须要获得函数内部声明的变量，因此可使用上面提到建立闭包的经常使用方式，在函数内部建立另外一个函数：

        function fn() {
            n = 100;

            function fn1() {
                console.log(n);
            }

            fn1();
        }
        fn(); //100

在上面的代码中，函数fn1就被包括在函数fn内部，这时fm内部的全部局部变量，对fn1都是可见的。可是反过来就不行，fn1内部的局部变量，对fn就是不可见的。这就是Javascript语言特有的"链式做用域"结构，子对象会一级一级地向上寻找全部父对象的变量。因此，父对象的全部变量，对子对象都是可见的，反之则不成立。

居然fn1能够读取fn内部变量，那么只要把fn1做为返回值，这要咱们就能够在外部读取fn的变量了

        function fn() {
            n = 100;

            function fn1() {
                console.log(n);
            }

            return fn1;
        }
        
       var result=fn();
       result(); //100

 

在这里fn1就是闭包，闭包就是可以读取其余函数内部变量的函数。因为在Javascript语言中，只有函数内部的子函数才能读取局部变量，所以能够把闭包简单理解成"定义在一个函数内部的函数"。因此，在本质上，闭包就是将函数内部和函数外部链接起来的一座桥梁。

       3.2  闭包的用途

       它的最大用处有两个，一个是前面提到的能够读取函数内部的变量，另外一个就是让这些变量的值始终保持在内存中。以下面代码所示：

        function fn() {
            n = 100;

            nadd = function () {
                n += 1;
            }

            function fn1() {
                console.log(n);
            }

            return fn1;
        }

        var result = fn();
        result(); //100
        nadd();
        result(); //101

注意：因为闭包函数会携带包含它的函数的做用域，所以会比其余函数占用更多的内存，过分使用闭包可能会致使内存占用过多，因此在退出函数以前，将不使用的局部变量所有删除。

 4、块级做用域

       块级做用域（又称为私有做用域）的匿名函数的语法以下所示：

(function(){
     //块级做用域
})();

不管在什么地方，只要临时须要一些变量，就可使用私有做用域，好比：

        (function () {
            var now = new Date();
            if (now.getMonth() == 0 && now.getDate() == 1) {
                alert("新年快乐");
            }
        })();

把上面这段代码放到全局做用域中，若是到了1月1日就会弹出“新年快乐”的祝福；这种技术常常在全局做用域中被用在函数外部，从而限制向全局做用域中添加过多的变量和函数。通常来讲,咱们都应该尽可能少向全局做用域中添加变量和函数。在一个由不少开发人员共同参与的大型应用程序中，过多的全局变量和函数很容易致使命名冲突。而经过建立私用做用域，每一个开发人员既可使用本身的变量，又没必要担忧搞乱全局做用域。