javascript之apply与call区别

最新推荐文章于 2025-04-28 14:41:57 发布

转载最新推荐文章于 2025-04-28 14:41:57 发布 · 141 阅读

文章标签：

#call #apply

es6 专栏收录该内容

6 篇文章

订阅专栏

本文深入解析了JavaScript中apply与call方法的使用，两者皆用于改变函数调用的上下文，区别在于参数传递方式。apply接受参数数组，而call接收多个参数列表。通过实例展示了如何利用这两个方法进行函数上下文的灵活控制。

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

ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。

apply()

apply方法传入两个参数：一个是作为函数上下文的对象，另一个是作为函数参数所组成的数组。

var obj = {
    name: 'linxin'
}

function func(firstName, lastName){
    console.log(firstName + this.name + lastName)
}

func.apply(obj, ['A','B']);  // C linxin D

call()

call方法第一个参数也是作为函数上下文的对象，但后面传入的是一个参数列表，而不是单个数组。

var obj = {
    name: 'linxin'
}

function func(firstName, lastName) {
    console.log(firstName + ' ' + this.name + ' ' + lastName);
}

func.call(obj, 'C', 'D');       // C linxin D