JavaScript中的 apply 与 call 方法

本文详细解析了JavaScript中call与apply方法的区别与联系,通过实例展示了这两种方法如何改变函数的上下文并传递参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

参数
thisObj
可选项。将被用作当前对象的对象。

arg1, arg2, , argN
可选项。将被传递方法参数序列。

说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

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

================================================================================================================================

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

参数
thisObj
可选项。将被用作当前对象的对象。

argArray
可选项。将被传递给该函数的参数数组。

说明
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。

如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。


从上面官方的介绍可以看出,两者实现的功能是完全一样的,只是参数传递方式不一样,call是将各个参数以“,”隔开,而apply是将所有参数组成一个数组进行传递。

举例来说明两个方法的用法:
function funa() {
   this.o = "I'm string o";
   this.i = "I'm string i";
   //未定义this.u,但调用的是funb里面的,所以定不定义都无所谓;
   this.fun = function(t,z) {
       var s = "this.o: " + this.o + "/nthis.i: " + this.i + "/nthis.u: " + this.u + "/nt: " + t + "/nz: " + z;
       alert(s);
   }
}

function funb() {
   this.o = "I'm other string o";
   //未定义this.i,所以返回undefined
   this.u = "I'm string u";
}

var a = new funa();
var b = new funb();

/*
运行a对象的fun方法时,将a的this转为b对象的this
因此funa里面的this.o实际是funb里面的this.o
*/
a.fun.call(b,"1st arg","2nd arg");

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

rjzou2006

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值