`
mrzhanghuzi
  • 浏览: 25048 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

apply和call的用法

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

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

//定义一个函数func1,具有属性p和方法A
function   func1(){
            this.p="func1-";
            this.A=function(arg){
                        alert(this.p+arg);
            }
}
//定义一个函数func2,具有属性p和方法B
function   func2(){
            this.p="func2-";
            this.B=function(arg){
                          alert(this.p+arg);
            }
}
var   obj1=new   func1();
var   obj2=new   func2();
obj1.A("byA");         //显示func1-byA
obj2.B("byB");         //显示func2-byB
obj1.A.apply(obj2,["byA"]);   //显示func2-byA,其中[“byA”]是仅有一个元素的数组,下同
obj2.B.apply(obj1,["byB"]);   //显示func1-byB
obj1.A.call(obj2,"byA");     //显示func2-byA
obj2.B.call(obj1,"byB");     //显示func1-byB
  可以看出,obj1的方法A被绑定到obj2运行后,整个函数A的运行环境就转移到了obj2,即this指针指向了obj2。同样obj2的函数B也可以绑定到obj1对象去运行。代码的最后4行显示了apply和call函数参数形式的区别。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics