彻底搞懂JavaScript中的apply和call方法(必看)

call和apply都是为了改变某个函数运行的context上下文而存在的，即为了改变函数体内部this的指向。因为JavaScript的函数存在定义上下文和运行时上下文以及上下文是可以改变的概念。

回到目录定义

fun.apply(thisArg, [argsArray])
fun.call(thisArg, arg1,arg2, ...)

其中thisArg可以为null或undefined，此时表示全局对象，更详细见MDN:apply()、call()

二者的作用完全一样，只是接受参数的方式不太一样。例如，有一个函数定义如下：

var func1 = function(arg1, arg2){};

可以通过func1.call(this, arg1, arg2);或者func1.apply(this, [arg1, arg2])来调用。其中this是你想指定的上下文，它可以是任意一个JavaScript对象（JavaScript一切皆对象），call需要把参数传递进去，而apply则把参数放在数组里。

因为在JavaScript中，某个函数的参数数量是不固定的，当你的参数明确知道数量时，用call，而不确定的时候用apply，然后把参数push进数组传递进去。当参数数量不确定时，函数内部也可以通过arguments这个数组来遍历所有的参数。

回到目录一个例子

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

funciton programmer() {
}

programmer.prototype = {
  hobby: 'programming',
  say.function() {
    alert('I love' + this.hobby);
  }
}

var xiaoMing = new programmer();
xiaoMing.say();

此时如果我们有一个设计妹子对象xiaoHua = {hobby: 'designing'};我们不想对它重新定义say方法，那么我们可以通过call或apply使用xiaoMing的say方法：xiaoMing.say.call(xiaoHua)。

由此可看出，call和apply都是为了动态改变this而出现的，当一个object没有某个方法或属性时，但是其他的对象有，则可以借助call或apply来使用其他对象的方法来操作。

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

两者都是把obj(即this)绑定到thisObj，这时候thisObj具备（或继承）了obj的属性和方法

其中比较常见的，通过document.getElementByTagName选择的节点是一种类数组，它不能应用Array下的push，pop等方法。但我们可以通过：

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));

Array.prototype.slice.call能所有具有length属性的对象转为数组，这样domNodes就可以应用Array下的所有方法了。

以上这篇彻底搞懂JavaScript中的apply和call方法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# js中的call和apply # JS中call()和apply()的功能及用法实例分析 # js中call()和apply()改变指针问题的讲解 # js中apply()和call()的区别与用法实例分析 # js中apply与call简单用法详解 # 详解JS中的this、apply、call、bind(经典面试题) # 详解js中的apply与call的用法 # JS中改变this指向的方法(call和apply、bind) # JS call()及apply()方法使用实例汇总 # 都是 # 可以通过 # 给大家 # 有一个 # 放在 # 不太 # 遍历 # 其他的 # 你想 # 我们可以 # 而不 # 希望能 # 它可以 # 这篇 # 不确定 # 则可 # 必看 # 对它 # 方法来 # 经常会

返回目录在线咨询

上一篇：Go语言中如何正确访问接口类型（interface{}）的底层结构体字段
下一篇：如何在Golang中使用指针数组_Golang 指针数组操作实践

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

彻底搞懂JavaScript中的apply和call方法(必看)

您的项目需求