一、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;
时间: 2024-12-28 15:48:31