call与apply区别及使用技巧解析

想彻底搞懂 JavaScript 中 `call` 和 `apply` 的区别和用法？本文将为你详细解读这两个函数方法的核心差异：`call` 接收参数列表，而 `apply` 接受参数数组。它们都能改变函数执行时的 `this` 指向并立即执行函数，但在参数传递方式上有所不同。本文将通过实例代码，深入讲解 `call()` 和 `apply()` 的语法和使用场景，帮助你理解何时应该选择 `call`，何时应该选择 `apply`。同时，还会介绍严格模式下使用 `call` 和 `apply` 的注意事项，以及 `bind` 方法与它们的联系，助你更好地掌握 JavaScript 中函数上下文的控制技巧。

JavaScript 中 call 和 apply 的核心区别在于传递参数的方式：1. call 接受参数列表，适用于逐个传递参数；2. apply 接受一个包含参数的数组，适用于已有参数数组的情况。两者均用于改变函数执行时的 this 指向并立即执行函数。

JavaScript 中 call 和 apply 的核心区别在于传递参数的方式。call 接受的是参数列表，而 apply 接受的是一个包含参数的数组。简单来说，它们都是用来改变函数执行时的 this 指向，并立即执行该函数。

解决方案

call 和 apply 都是函数对象的方法，它们允许你指定函数执行时 this 的值，并且可以传递参数给函数。

call() 方法

call() 方法允许你以指定 this 值和逐个提供的参数列表来调用函数。

语法：

function.call(thisArg, arg1, arg2, ...)

• thisArg: 函数执行时使用的 this 值。 如果 thisArg 是 null 或 undefined，则全局对象将被用作 this。
• arg1, arg2, ...: 传递给函数的参数列表。

示例：

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

const anotherPerson = {
  name: 'Bob'
};

person.greet.call(anotherPerson, 'Hello'); // 输出: Hello, Bob!

在这个例子中，call() 方法将 person.greet 函数的 this 值设置为 anotherPerson，并传递了 'Hello' 作为参数。

apply() 方法

apply() 方法与 call() 类似，但它接受一个包含参数的数组。

语法：

function.apply(thisArg, [argsArray])

• thisArg: 函数执行时使用的 this 值。 如果 thisArg 是 null 或 undefined，则全局对象将被用作 this。
• argsArray: 一个数组，其中的元素将作为参数传递给函数。

示例：

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

const anotherPerson = {
  name: 'Bob'
};

person.greet.apply(anotherPerson, ['Hello', '!']); // 输出: Hello, Bob!

这里，apply() 方法将 person.greet 函数的 this 值设置为 anotherPerson，并传递了 ['Hello', '!'] 数组作为参数。

总结

• call() 接受参数列表。
• apply() 接受参数数组。

选择哪个方法取决于你如何组织参数。 如果你已经有一个包含参数的数组，那么 apply() 更方便。 如果你需要逐个传递参数，那么 call() 更合适。

什么时候应该使用 call 或 apply？

当你需要改变函数执行时的上下文（this 值）时，或者当你需要将一个对象的方法应用到另一个对象上时，call 和 apply 就非常有用。例如，你可以使用它们来实现继承，或者在不同的对象之间共享方法。

如何在严格模式下使用 call 和 apply？

在严格模式下，如果传递给 call 或 apply 的 thisArg 是 null 或 undefined，那么 this 的值将是 null 或 undefined，而不是全局对象。 这是一个需要注意的差异。

bind 方法与 call 和 apply 有什么关系？

bind() 方法也用于改变函数执行时的 this 值，但它与 call() 和 apply() 的区别在于，bind() 方法不会立即执行函数，而是返回一个新的函数，该函数在调用时会将 this 值设置为指定的值。 相当于预先绑定了 this，稍后执行。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《call与apply区别及使用技巧解析》文章吧，也可关注golang学习网公众号了解相关技术文章。