JavaScript基础——函数表达式

在JavaScript编程中，函数表达式是一种非常有用的技术。使用函数表达式可以无须对函数命名，从而实现动态编程。

匿名函数，是一种使用JavaScript函数的强大方式。以下总结了函数表达式的特点：

1）函数表达式不同于函数声明。函数声明要求有名字，但函数表达式不需要，没有名字的函数表达式也叫匿名函数。

2）在无法确定如何函数的情况下，递归函数就会变得比较复杂；

3）递归函数应该始终使用arguments,callee来递归调用自身，不要使用函数名——函数名可能会发生变化。

当在函数内部定义了其他函数时，就创建了闭包。闭包有权访问包含函数内部的所有变量，原理如下：

1）在后台执行环境中，闭包的作用域链包含着它自己的作用域、包含函数的作用域和全局作用域。

2）通常，函数的作用域及其所有变量都会在函数执行结束后被销毁。

3）但是，当函数返回了一个闭包时，这个函数的作用域将会一直在内存中保存到闭包不存在为止。

使用闭包可以在JavaScript中模仿块级作用域(JavaScript本身没有块级作用域的概念)，要点如下：

1）创建并立即调用一个函数，这样既可以执行其中的代码，又不会在内存中留下对函数的引用。

2）结果就是函数内部的所有变量都会被立即销毁——除非将某些变量赋值给了包含作用域(外部作用域)中的变量。

闭包还可以用于在对象中创建私有变量，相关概念和要点如下：

1）即使JavaScript中没有正式的私有对象属性的概念，但可以使用闭包来实现公有方法，而通多公有方法可以访问在包含作用域中定义的变量。

2）有权访问私有变量的公有方法叫做特权方法。

3）可以使用构造函数模式、原型模式来实现自定义类型的特权方法，也可以使用模块模式、增强的模块模式来实现单例的特权方法。

JavaScript中的函数表达式和闭包都是极其有用的特性，利用它们可以实现很多功能。不过，因为创建闭包必须维护额外的作用域，所以过渡使用它们可能会占用大量内存。

/* * 函数表达式 */function cl(x){    console.log(x);}//函数声明提升sayHi();function sayHi(){    cl('Hi');}//函数表达式、匿名函数var sayHi,result;if(result==true){    sayHi=function(){        cl('Hi!');    }}else{    sayHi=function(){        cl('Yo!');    }}//7.1 递归function factorial(num){    //求阶乘    if(num<=1){        return 1;    }else{       // return num*factorial(num-1);        return num*arguments.callee(num-1); //arguments.callee是一个指向正在执行的函数的指针    }}cl(factorial(4));   //=>24//使用命名函数表达式来达成相同的结果var factorial2=(function f(num){    if(num<=1){        return 1;    }else{        return num*f(num-1);    }});cl(factorial2(5));   //=>120//7.2 闭包//闭包：是指有权访问另一个函数作用域中的变量的函数//作用域链：本质上是一个指向变量对象的指针列表，它只引用但不实际包含变量对象//在另一个函数内部定义的函数会将包含函数(即外部函数)的活动对象添加到它的作用域链中function createComparisonFunction(propertyName){    return function(object1,object2){        var value1=object1[propertyName];        var value2=object2[propertyName];        if(value1<value2){            return -1;        }else if(value1>value2){            return 1;        }else{            return 0;        };    }}var compareNames=createComparisonFunction("name");//创建函数var result=compareNames({name:"Jason"},{name:"Greg"});//调用函数cl(result);//=>1compareNames=null;//解除对匿名函数的引用(以便释放内存)//7.2.1闭包与变量//闭包只能取得包含函数中任何变量的最后一个值function createFunctions(){    var result=new Array();    for(var i=0;i<10;i++){        result[i]=function(){            return i;        }    }    return result;}var functions=createFunctions();var result0=functions[0]();cl(result0);    //=>10,而不是0//通过创建另一个匿名函数强制让闭包的行为符合预期function createFunctions2(){    var result=new Array();    for(var i=0;i<10;i++){        result[i]=function(num){            return function(){                return num;            }        }(i);    }    return result;}var functions2=createFunctions2();var result0=functions2[0]();cl(result0);//=>0//7.2.2 关于this对象var name="The Window";var object={    name:"My Object",    getNameFunc:function(){        return function(){            return this.name;        }    }};cl(object.getNameFunc()()); //=>The Window//7.2.3 内存泄露function assignHandler(){    var element=document.getElementById("someElement");    //把element.id的一个副本保存在一个变量中，并且在闭包中引用该变量消除了循环引用    var id=element.id;    element.onclick=function(){        cl(id);    }    //将element变量设置为null。这样能解除对dom对象的引用，顺利地减少其引用数，确保正常回收其占用的内存    element=null;}//7.3 模仿块级作用域//在一个由很多开发人员共同参与的大型应用程序中，过多的全局变量和函数很容易导致命名冲突。//通过创建私有作用域，每个开发人员既可以使用自己的变量，又不必担心搞乱全局作用域(function(){   var now=new Date();    if(now.getMonth()==0 && now.getDate()==1){        cl("Happy new year!");    }})();//7.4 私有变量function MyObject(){    //私有变量和私有函数    var privateVariable=10;    function privateFunction(){        return false;    }    //通过闭包创建公有方法    this.publicMethod=function(){        privateVariable++;        return privateFunction();    }}//利用私有和特权成员，可以隐藏那些不应该被直接修改的数据function Person(name){    this.getName=function(){        return name;    };    this.setName=function(value){        name=value;    }}var person=new Person("Jason");cl(person.getName());   //=>"Jason"person.setName("Greg");cl(person.getName());   //=>"Greg"//7.4.1 静态私有变量(function(){    //私有变量和私有函数    var privateVariable=10;    function privateFunction(){        return false;    }    //构造函数    MyObject=function(){};    //在原型上定义公有方法    MyObject.prototype.publicMethod=function(){        privateVariable++;        return privateFunction();    }})();(function(){    var name="";    Person2=function(value){        name=value;    };    Person2.prototype.getName=function(){       return name;    };    Person2.prototype.setName=function(value){        name=value;    };})();var person1=new Person2("Jason");cl(person1.getName());  //=>"Jason"person1.setName("Greg");cl(person1.getName());  //=>"Greg"var person2=new Person2("Michael");cl(person1.getName());  //=>"Michael"cl(person2.getName());  //=>"Michael"//7.4.2 模块模式var application=function(){    //私有变量和函数    var components=new Array();    //初始化    components.push(new BaseComponent());    //公共    return {        getComponentCount:function(){            return components.length;        },        registerComponent:function(component){            if(typeof  component=="object"){                components.push(component);            }        }    }}();//7.4.3 增强的模块模式var application=function(){    //私有变量和函数    var components=new Array();    //初始化    components.push(new BaseComponent());    //创建application的一个局部副本    var app=new BaseComponent()    //公共接口    app.getComponentCount=function(){        return components.length;    };    app.registerComponent=function(component){        if(typeof  component=="object"){            components.push(component);        }    };    //返回这个副本    return app;}();