Call 和 Apply 的区别

93 阅读2分钟

call()apply() 是 JavaScript 中 Function 对象的两个方法,它们用于调用函数,并且都可以接收一个参数列表,但它们在传递参数时的语法有所不同。

call()

call() 方法可以接收一个参数列表,即将多个参数连续传递,而不是通过数组或者对象。

语法:

func.call(thisArg, arg1, arg2, ..., argN)
  • thisArg 表示在调用函数时使用的 this 值。
  • arg1, arg2, ..., argN 是函数的参数列表。

apply()

apply() 方法接收两个参数,第一个参数同样是 this 的值,而第二个参数是一个参数数组。

语法:

func.apply(thisArg, argsArray)
  • thisArg 同样表示在调用函数时使用的 this 值。
  • argsArray 是一个数组,包含了函数的参数。

区别

  1. 参数形式call() 接受的是一个参数序列,而 apply() 接受的是一个参数数组。
  2. 语法:在语法上,call() 使用逗号分隔的参数列表,apply() 使用一个包含所有参数的数组。
  3. 用途:在大多数情况下,call() 和 apply() 可以互换使用,但当你需要传递一个参数数组时,使用 apply() 更为方便。

示例

假设我们有一个对象和一个函数:

const person = { name: 'Alice' };
function greet(name, greeting) {
  console.log(`${this.name} says: ${greeting}, ${name}!`);
}

使用 call()

greet.call(person, 'Bob', 'Hello');

使用 apply()

greet.apply(person, ['Bob', 'Hello']);

两者都会输出:

Alice says: Hello, Bob!

总结

  • call方法接收的是一个参数列表,而apply方法接收的是一个参数数组。
  • 当函数的参数个数不确定时,可以使用apply方法方便地传递参数数组。
  • 在性能方面,call通常比apply略快,因为apply需要将参数数组展开。

选择使用哪一个?

选择使用 call()apply() 主要取决于你想要传递给函数的参数的形式。如果你有一个参数列表,使用 call()。如果你有一个参数数组,使用 apply() 更方便。在实际编程中,它们实现的功能几乎相同,因此通常可以根据个人喜好或者参数的形式来选择使用哪一个。

我的博客只写前端博文,点击我去看更多喜欢的前端博文,欢迎大家一起讨论学习!【https://blog.csdn.net/qq_29101285?spm=1011.2266.3001.5343】