便于开发快速理解Call 和 Apply的使用

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】