JS数据类型之Function类型

Function类型

函数内部属性：

在函数内部，有两个特殊的对象：arguments和this.
1.arguments是一个类数组对象，包含着传入函数中的所有参数。虽然arguments的主要用途是保存函数参数，但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。
以下是一个非常经典的阶乘函数：

function factorial(num){
    if(num<=1){
        return 1;
    }else{
        return num*factorial(num-1);
    }
}

定义阶乘函数一般都要用到递归算法；如上面的代码所示，在函数有名字，而且名字以后也不会变的情况下，这样定义没有问题。但问题是这个函数的执行与函数名factorial紧紧耦合在了一起。为了消除这种紧密耦合的现象，可以像下面这样使用arguments.callee。

function factorial(num){
    if(num<=1){
        return 1;
    }else{
        return num*arguments.callee(num-1);
    }
}

在这个重写后的factorial()函数的函数体内，没有再引用函数名factorial。这样，无论引用函数时使用的时什么名字，都可以保证正常递归调用。例如：

var trueFactorial=factorial;
factorial=function(){
    return 0;
};
alert(trueFactorial(5));    //120
alert(factorial(5));        //0

2.函数内部的另一个特殊对象是this，this引用的是函数据以执行的环境对象——或者也可以说是this值（当在网页的全局作用域中调用函数时，this对象引用的就是window）

window.color="red";
var o={color:"blue"};

function sayColor(){
    alert(this.color);
}
sayColor(); //"red"
o.sayColor=sayColor;
o.sayColor();   //"blue"

ECMAScript 5也规范化了另一个函数对象的属性：caller。这个属性中保存着调用当前函数的函数的引用，如果是在全局作用域中调用当前函数，它的值为null。如：

function outer(){
    inner();
}

function inner(){
    alert(inner.caller);
}

outer();

以上代码会导致警告框中显示outer()函数的源代码。因为outer()调用了inner(),所以inner.caller就指向outer().为了实现更松散的耦合，也可以通过arguments.callee.caller来访问相同的信息。

function outer(){
    inner();
}

function inner(){
    alert(arguments.callee.caller);
}

outer();

函数属性和方法

属性：length和prototype
1.length属性表示函数希望接收的命名参数的个数
2.prototype属性在创建自定义引用类型以及实现继承时，非常重要。protype属性是不可枚举的，因此使用for-in无法发现

方法：apply()和call()
这两个方法的用途都是在特定的作用域中调用函数，实际上相当于设置函数体内this对象的值。
1.apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中第二个参数可以是Array的实例，也可以是arguments对象。例如：

function sum(num1,num2){
    return num1+num2;
}
function callSum1(num1,num2){
    return sum.apply(this,arguments);
}
function callSum2(num1,num2){
    return sum.apply(this,[num1,num2]);
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20

2.call()方法与apply()方法的作用相同，它们的区别仅在于接收参数的方式不同，使用call()方法时，传递给函数的参数必须逐个列举出来。

function sum(num1,num2){
    return num1+num2;
}
function callSum(num1,num2){
    return sum.call(this,num1,num2);
}

alert(callSum(10,10));      //20

事实上，传递参数并非apply()和call()正真的用武之地；它们真正强大的地方是能够扩充函数赖以运行的作用域。如下面例子：

window.color="red";
var o={color:"blue"};

function sayColor(){
    alert(this.color);
}
sayColor(); //red

sayColor.call(this);    //red
sayColor.call(window);  //red
sayColor.call(o);   //red

使用call()（或apply()）来扩充作用域的最大好处，就是对象不需要与方法有任何耦合关系。

ECMAScript 5还定义了一个方法:bind()。这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数的值。例如:

window.color="red";
var o={color:"blue"};

function sayColor(){
    alert(this.color);
}

var objectSayColor=sayColor.bind(o);
objectSayColor();   //blue