函数的apply、call方法

来源:互联网 发布:淘宝全屏店招安装 编辑:程序博客网 时间:2024/05/17 07:26

转载自《征服AjaxWeb 2.0开发技术详解》6.2.6

JavaScript为函数对象定义了两个方法:apply和call,它们的作用都是将函数绑定到另
外一个对象上去运行,两者仅在定义参数的方式有所区别:

Function.prototype.apply(thisArg,argArray);Function.prototype.call(thisArg[,arg1[,arg2…]]);
从函数原型可以看到,第一个参数都被取名为thisArg,也就是说,所有函数内部的this
指针都会被赋值为thisArg,这就达到了将函数作为另外一个对象的方法运行的目的。两个
方法除了thisArg 参数,都是为Function 对象传递的参数。下面的代码说明了apply 和call
方法的工作方式:

//定义一个函数func1,具有属性p和方法Afunction func1(){  this.p="func1-";  this.A=function(arg){    alert(this.p+arg);  }}//定义一个函数func2,具有属性p和方法Bfunction func2(){  this.p="func2-";  this.B=function(arg){    alert(this.p+arg);  }}var obj1=new func1();var obj2=new func2();obj1.A("byA"); //显示func1-byAobj2.B("byB"); //显示func2-byBobj1.A.apply(obj2,["byA"]); //显示func2-byA,其中[“byA”]是仅有一个元素的数组,下同obj2.B.apply(obj1,["byB"]); //显示func1-byBobj1.A.call(obj2,"byA"); //显示func2-byAobj2.B.call(obj1,"byB"); //显示func1-byB

可以看出,obj1的方法A被绑定到obj2运行后,整个函数A的运行环境就转移到了obj2,
即this指针指向了obj2。同样obj2 的函数B也可以绑定到obj1 对象去运行。代码的最后4
行显示了apply和call函数参数形式的区别。

0 0