在 JavaScript 中，我们通常使用 call 和 apply 方法来改变函数的执行上下文，并且传入不同的参数。这两个方法看起来很相似，但是它们的使用方式有一些区别。在本文中，我们将详细讨论这两个方法的区别和使用。
call 方法
call 方法可以改变函数的执行上下文，并且接受一个参数列表。第一个参数是要绑定的 this 值，后面的参数是传递给函数的参数列表。下面是一个例子：
-- -------------------- ---- ------- -------- -------------- - ------------------- -------- -- ---- -- ---------------- - ----- ------ - - ----- ------- -- --------------------- ------- -- ------- ------ ---- -- ---- -- ------
在上面的例子中，我们使用 call 方法来改变 greeting 函数的执行上下文，并将 person 对象作为 this 值传递。我们还传递了一个参数 'Bob'，这个参数将作为 name 参数传递给 greeting 函数。
apply 方法
apply 方法与 call 方法类似，也可以改变函数的执行上下文，并且接受一个参数列表。但是，它只接受两个参数：要绑定的 this 值和一个参数数组。下面是一个例子：
-- -------------------- ---- ------- -------- -------------- ---- - ------------------- -------- -- ---- -- ------------ --- - -- ------ ----- ------- - ----- ------ - - ----- ------- -- ---------------------- ------- ----- -- ------- ------ ---- -- ---- -- ----- --- - -- -- ----- ----
在上面的例子中，我们使用 apply 方法来改变 greeting 函数的执行上下文，并将 person 对象作为 this 值传递。我们还传递了一个参数数组 ['Bob', 25]，这个数组中的元素将作为 name 和 age 参数传递给 greeting 函数。
区别与使用
call 和 apply 方法的主要区别在于它们传递参数的方式。call 方法接受一系列参数，而 apply 方法接受一个参数数组。在实际使用中，我们可以根据参数的类型和数量来选择使用哪个方法。
如果我们已经知道要传递的参数数量和类型，那么使用 call 方法会更方便。例如，如果我们要调用一个函数并传递三个参数 a、b 和 c，那么可以使用以下代码：
myFunction.call(thisValue, a, b, c);
如果我们不知道要传递的参数数量和类型，那么使用 apply 方法会更方便。例如，如果我们要调用一个函数并传递一个参数数组 args，那么可以使用以下代码：
myFunction.apply(thisValue, args);
在实际使用中，我们还可以使用 ES6 的扩展运算符来传递参数数组。例如，如果我们有一个参数数组 args，那么可以使用以下代码：
myFunction.call(thisValue, ...args);
这种方式将参数数组中的元素展开成一系列参数，与 call 方法的行为相同。
总结
在 JavaScript 中，call 和 apply 方法可以改变函数的执行上下文，并且传递不同的参数。它们的使用方式有一些区别，我们可以根据参数的类型和数量来选择使用哪个方法。在实际使用中，我们还可以使用 ES6 的扩展运算符来传递参数数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65faf6c9d10417a2226af967