JS进阶：call和apply的区别居然能这么通俗易懂！

想成为JS高手？那你绝对不能错过对`call`和`apply`的深入理解！本文将带你彻底搞懂`call`和`apply`的区别，它们的核心差异在于参数传递方式：`call`接收的是一系列参数，而`apply`则接受一个参数数组。虽然两者都能改变函数执行时的`this`指向，但在实际应用中，`call`更适合参数数量固定明确的场景，而`apply`则擅长处理参数为数组的情况。此外，文章还介绍了ES6中`bind`和扩展运算符等更现代的替代方案，帮助你更高效地解决问题。掌握`call`和`apply`的本质，让你在JavaScript进阶之路上更进一步！

call 和 apply 的核心区别在于参数传递方式不同。1. call 的参数依次列出，适用于参数固定、明确的场景，如 Math.max.call(null, 1, 2, 3)；2. apply 的参数为数组或类数组，会自动展开，适合参数为数组的情况，如 Math.max.apply(null, [10, 20, 30])；3. 现代可用 bind 绑定 this 或扩展运算符替代 apply 的展开功能，但理解 call 和 apply 的本质仍很重要。

在 JavaScript 中，call 和 apply 的作用其实很相似，都是用来改变函数执行时的 this 指向。它们的核心区别在于：参数传递的方式不同。

1. 参数形式不同

这是 call 和 apply 最主要的区别：

• call 的参数是依次列出的。
• apply 的参数是一个数组（或类数组），会自动展开成多个参数。

举个例子：

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old. This is ${this.name}`);
}

const obj = { name: 'World' };

greet.call(obj, 'Alice', 25);   // Hi Alice, you are 25 years old. This is World
greet.apply(obj, ['Bob', 30]);  // Hi Bob, you are 30 years old. This is World

虽然输出结果一样，但调用方式不一样：call 是一个个传，apply 是传数组。

2. 使用场景上的差异

虽然两者功能类似，但在实际开发中，根据参数形式的不同，使用场景也会略有差别：

✅ 适合用 call 的情况：

• 参数数量固定、明确的时候。
• 直接传参更直观，比如你已经知道要传哪些值。

例如：

Math.max.call(null, 1, 2, 3); // 3

✅ 适合用 apply 的情况：

• 参数是数组或类数组（如 arguments 对象）。
• 需要动态地把一组数据作为参数传给函数。

例如：

const nums = [10, 20, 30];
Math.max.apply(null, nums); // 30

这也是为什么以前常看到用 apply 来处理 arguments 对象的原因。

3. 现代替代方案：bind 和扩展运算符

随着 ES6 的普及，一些原本需要用 call 或 apply 的地方，也可以用更简洁的方式实现：

• bind 可以绑定 this 并返回新函数。
• 扩展运算符 ... 可以替代 apply 的数组展开功能。

例如：

Math.max(...[1, 2, 3]); // 3，比 apply 更清晰

不过这并不影响理解 call 和 apply 的本质用途。

总的来说，call 和 apply 的核心差异就是参数的写法，其他方面基本一致。
什么时候用哪个？记住一句话就行：

如果参数是数组，用 apply；如果参数是分开写的，用 call。

基本上就这些了。

终于介绍完啦！小伙伴们，这篇关于《JS进阶：call和apply的区别居然能这么通俗易懂！》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！