日期:2014-05-16  浏览次数:20410 次

(转)JavaScript中call与apply方法
LastUpdate 2009-9-12

1.call方法
官方(JavaScript手册):
调用一个对象的一个方法,以另一个对象替换当前对象。
call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

参数
thisObj  可选项。将被用作当前对象的对象。
arg1, arg2,  , argN 可选项。将被传递方法参数序列。
 
说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。


2.apply方法
官方(JavaScript手册):

应用某一对象的一个方法,用另一个对象替换当前对象。
apply([thisObj[,argArray]])

参数
thisObj  可选项。将被用作当前对象的对象。
argArray 可选项。将被传递给该函数的参数数组。

说明
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

 
两者的区别:
两者实现的功能是完全一样的,只是参数传递方式不一样,call是将各个参数以逗号(,)隔开,而apply是将所有参数组成一个数组进行传递。



参考代码:

function fun_one() {
     this.a = "I'm string a";
     this.b = "I'm string b";
 
     //未定义this.c,但调用的是fun_two里面的,所以定不定义都无所谓;
     this.fun = function(p1,p2) {
        var s = "this.a: " + this.a + "\nthis.b: " + this.b + "\nthis.c: " + this.c + "\n\n其它参数:\np1="+p1+"\np2="+p2;
        alert(s);
     }
}



function fun_two() {
      this.b = "I'm other string b";

     //未定义this.a,所以返回undefined

     this.c = "I'm string c";
}



var obj1 = new fun_one();
var obj2 = new fun_two();



/*
  运行obj1对象的fun方法时,将obj1的this转为obj2对象的this
  因此fun_one里面的this.c实际是fun_two里面的this.c
*/


//obj1.fun.call(obj2,"1st arg","2nd arg");   //用call实现
obj1.fun.apply(obj2,new Array("1st arg","2nd arg"));   //用apply实现



总结:
从上面的例子可看出:
obj1.method1.call(obj2,argument1,argument2)
简单的说就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入