JavaScript函数的其他属性和方法

一、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,对象冒充

  我们可以发现当我们使用 call(box)方法的时候,sayColor()方法的运行环境已经变成了 box 对象里了。
  使用 call()或者 apply()来扩充作用域的最大好处,就是对象不需要与方法发生任何耦合关系(耦合,就是互相关联的意思,扩展和维护会发生连锁反应)。

  也就是说,box 对象和sayColor()方法之间不会有多余的关联操作,比如 box.sayColor = sayColor;

 

你可能感兴趣的:(JavaScript)