js中得call()方法和apply()方法的用法

最新推荐文章于 2023-08-21 18:27:53 发布

weixin_30715523

最新推荐文章于 2023-08-21 18:27:53 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huntaheart/p/3829276.html

本文详细介绍了JavaScript中call和apply方法的使用方法及其区别。通过具体实例展示了如何利用这两种方法来实现对象间方法的借用，特别适用于解决DOM元素数组化的问题。

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

方法定义

call方法:
语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法：
语法：apply([thisObj[,argArray]])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj，并且无法被传递任何参数。

2、常用实例

a、

在javascript OOP中，我们经常会这样定义：

function cat(){
}
cat.prototype={
　　food:"fish",
　　say: function(){
　　　　alert("I love "+this.food);
　　}
}
var blackCat = new cat;
blackCat.say();

但是如果我们有一个对象whiteDog = {food:"bone"},我们不想对它重新定义say方法，那么我们可以通过call或apply用blackCat的say方法：blackCat.say.call(whiteDog);
所以，可以看出call和apply是为了动态改变this而出现的，当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作。

b、

通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过：
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
这样domNodes就可以应用Array下的所有方法了。

转载于:https://www.cnblogs.com/huntaheart/p/3829276.html