在 JavaScript 中，如何适当使用 call、apply 和 bind

一、call

call() 方法可以改变函数的执行上下文。它的第一个参数是函数的执行上下文，也就是this的值。后面的参数是函数的参数。

例如，我们有一个函数，它可以计算两个数字的和。

function sum(a, b) {
  return a + b;
}

我们想让这个函数能够被不同的对象调用，并且能够访问对象自己的属性。我们可以使用call()方法来实现。

const obj = {
  a: 1,
  b: 2,
};

sum.call(obj); // 3

在这个例子中，我们使用call()方法将sum()函数的执行上下文设置为obj对象。因此，函数中的this关键字的值就是obj对象，并且函数可以访问obj对象的属性a和b。

二、apply

apply() 方法与call()方法非常相似，但它有一个重要的区别。apply()方法的第二个参数是一个数组，它包含了要传递给函数的参数。

const obj = {
  a: 1,
  b: 2,
};

sum.apply(obj, [3, 4]); // 7

在这个例子中，我们使用apply()方法将sum()函数的执行上下文设置为obj对象，并且将[3, 4]数组中的元素作为函数的参数传递给函数。

三、bind

bind() 方法与call()和apply()方法不同，它不会立即执行函数，而是返回一个新的函数。这个新的函数的执行上下文被绑定到bind()方法的第一个参数，并且当这个函数被调用时，它将使用bind()方法的第二个参数作为函数的参数。

const obj = {
  a: 1,
  b: 2,
};

const boundSum = sum.bind(obj);

boundSum(3, 4); // 7

在这个例子中，我们使用bind()方法将sum()函数的执行上下文绑定到obj对象。然后，我们创建一个新的函数boundSum，它将使用obj对象作为执行上下文，并且将[3, 4]数组中的元素作为函数的参数调用sum()函数。

四、总结

call()、apply()和bind()方法都是非常有用的函数，它们可以改变函数的执行上下文，从而实现函数的复用。call()方法和apply()方法的用法非常相似，但apply()方法的第二个参数是一个数组，它包含了要传递给函数的参数。bind()方法与call()和apply()方法不同，它不会立即执行函数，而是返回一个新的函数。这个新的函数的执行上下文被绑定到bind()方法的第一个参数，并且当这个函数被调用时，它将使用bind()方法的第二个参数作为函数的参数。