引用类型之Function类型

Function类型

ECMAScript中最有意思的就是函数了，有意思的根源，在于函数实际上是对象。每个函数都是Function的实例，具有属性和方法。而重要的一点是，函数名，不过是指向函数的指针，不会与某个函数绑定。

1.函数定义

（1）创建函数有函数声明法和函数表达式法。（2）函数名仅仅是指向函数的指针，所以一个函数可能会有多个名字。（3）函数没有重载，后面会覆盖前面。（4）函数声明会最先被解析，而函数表达式则不会。

 alert(sum(10,10));
 function sum(num1,num2){
     return num1+num2;
 };                               //函数声明定义函数，会被率先解析，即使在函数声明之前调用函数，也不会报错

 var sum=function(num1,num2){
     return num1+num2;
 };                               //函数表达式定义函数，不会被率先解析，如果在之前调用函数，会报错

 function sum(num1,num2){         //函数名仅仅是指向函数的指针，换句话说，一个函数可以有多个名字
     return num1+num2;
 };
 alert(sum(10,10));               //
 var anotherSum=sum;              //注意，使用不带括号的函数名是访问函数指针，而非调用函数，写成sum()就变成调用函数了
 alert(anotherSum(10,10));        //
 sum=null;
 alert(anotherSum(10,10));        //20，即使将sum设置为null，任然可以正常调用anotherSum()

 function addSomeNumber(num){
     return num+100;
 };
 function addSomeNumber(num){
     return num+200;
 };
 var result=addSomeNumber(100);  //300,将函数名想象成指针，就能理解为什么没有重载，后面的会覆盖前面的
 alert(result);

2.函数作为值

ECMAScript中的函数名本身就是变量，所以，函数也可以作为值来始用。不仅可以将函数当作参数来传递，而且可以当做另一个函数的结果返回。从一个函数中返回另一个函数，而是极其有用的方法。

 /*作为值的函数*/
 function callSomeFunction(someFunction,someArgument){
     return someFunction(someArgument);
 };                                                        //第一个参数应该是一个函数，第二个参数应该是要传递给该函数的一个值

 function add10(num){
     return num+10;
 };
 var result=callSomeFunction(add10,10);
 alert(result);                                            //
 function getGreeting(name){
     return "Hello,"+name;
 };
 var result2=callSomeFunction(getGreeting,"Blue Beginner");
 alert(result2);                                           //"Hello,Blue Beginner",需要注意的是，访问函数的指针而不是调用函数的话，一定不要带括号

 /*从一个函数中返回另一个函数，这是极为有用的方法*/
 function creatComparisonFunction(propertyName){
     return function(object1,object2){
         var value1=object1[propertyName];
         var value2=object2[propertyName];
         return value2-value1;                          //此处为一个比较函数
     };
 };
 var data=[{name:"Zachary",age:28},{name:"Nicholas",age:29}];
 data.sort(creatComparisonFunction("name"));
 alert(data[0].name);                                      //Zachary
 data.sort(creatComparisonFunction("age"));
 alert(data[0].name);                                      //Nicholas

3.函数的属性和方法

（1）函数内部有两个特殊的对象：arguments和this。arguments用来保存函数的参数，它有一个callee的属性，指向拥有这个arguments的函数。this引用的是函数执行的环境对象。

（2）每个函数都包含两个属性：length和prototype。length：参数的个数。prototype：最耐人寻味，对于ECMAScript中的引用类型而言，它是保存所有实例方法的真正所在。

（3）每个函数都包含两个非继承而来的方法：apply(),call()，用途是在特定的作用域中调用函数。强大在，扩充函数的作用域。

（4）ECMAScript5还定义的一个bind()方法。该方法会创建一个函数的实例。

 /*函数的内部属性*/
 function factorial(num){                        //这是一个经典的阶乘函数
     if(num<=1){
         return 1;
     }else{
         return num*arguments.callee(num-1);     //这里，不用factorial(num-1)
     }
 };
 var trueFactorial=factorial;
 factorial=function(){
     return 0;
 };
 alert(trueFactorial(5));                         //
 alert(factorial(5));                             //
 //将factorial值赋给trueFactorial后，后者便拥有了arguments，这样，中途改变factorial，阶乘函数照样有用，而此时的factorial只是一个返回0的函数罢了

 function outer(){
     inner();
 };
 function inner(){
     alert(inner.caller);
 };
 outer();
 /*caller*/

 /*函数的属性和方法*/
 window.color="red";
 var o={color:"blue"};
 function sayColor(){
     alert(this.color);
 };
 sayColor();               //red
 sayColor.apply(this);     //red
 sayColor.apply(window);   //red
 sayColor.apply(o);        //blue

 window.color="red";
 var o={color:"blue"};
 function sayColor(){
     alert(this.color);
 };
 var objectSayColor=sayColor.bind(o);
 objectSayColor();                       //blue