JavaScript函数的其他属性和方法

浏览数：24 / 时间：2015年06月08日

一、length属性：

　　　　length 属性表示函数希望接收的命名参数的个数。

function box(name, age) {
    alert(name + age);
}
box("包包",20);
alert(box.length);         //2   即该函数中参数的个数

二、prototype属性

　　prototype 下有两个方法：apply()和 call()，每个函数都包含这两个非继承而来的方法。

　　这两个方法的用途都在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值。

　　1、apply()方法

function box(num1,num2){
        return num1+num2;
    }
    alert(box(10,10));  //结果是20
    
    function sayBox(num1, num2) {
        return box.apply(this, [num1, num2]);             //this 表示作用域，这里是 window  []表示 box 所需要的参数
    }
    alert(sayBox(10,10));//结果也是20    该函数含义是冒充box函数执行  因为sayBox函数没有相加的功能，需要冒充box函数来执行，这样sayBox就有了相加的功能

如果box函数的参数过多的话，还可以使用下面这种方式

　　function box(num1,num2){
        return num1+num2;
    }
    alert(box(10,10));  //结果是20
    
    function sayBox(num1, num2) {
        return box.apply(this,arguments);            //arguments 对象表示 box 所需要的参数
    }
    alert(sayBox(10,10));//结果也是20    该函数含义是冒充box函数执行  因为sayBox函数没有相加的功能，需要冒充box函数来执行，这样sayBox就有了相加的功能了
    alert(sayBox(10,90,90,20));//这里不管你传入了多少个参数，box函数只有两个参数的话，那么这里传入有效的参数是前面两个

　　2、call()方法

　　function box(num1, num2) {
        return num1 + num2;
    }
    alert(box(10,10));     //20
    
    function callBox(num1, num2) {
        return box.call(this, num1, num2);         //和 apply 区别在于后面的传参
    }
    alert(callBox(10,10));    //20

call()方法于 apply()方法相同，他们的区别仅仅在于接收参数的方式不同。对于 call()方法而言，第一个参数是作用域，没有变化，变化只是其余的参数都是直接传递给函数的。

三、apply()和 call()方法其他用武之地

　　事实上，传递参数并不是 apply()和 call()方法真正的用武之地；它们经常使用的地方是能够扩展函数赖以运行的作用域。

　　var color = ‘红色的‘; //或者 window.color = ‘红色的‘;也行
    var box = {
        color : ‘蓝色的‘
    };
    
    function sayColor() {
        alert(this.color);
    }
    
    sayColor();                     //作用域在 window
    sayColor.call(this);             //作用域在 window
    sayColor.call(window);           //作用域在 window
    sayColor.call(box);             //作用域在 box，对象冒充