js如何区分bind()/apply()/call()方法

**JavaScript 中的 bind(), apply() 和 call() 方法**

在 JavaScript 中，bind(), apply() 和 call() 是三个非常重要的方法，它们可以帮助我们改变函数的上下文环境，从而实现一些复杂的功能。虽然这三个方法看起来很相似，但它们实际上是有区别的。

**1. bind() 方法**

bind() 方法用于创建一个新的函数，其this指向指定的值，而不执行该函数。它返回一个新函数，新函数的this指向传入bind()方法的第一个参数。

javascriptfunction sayHello(name) {
 console.log(`Hello, ${name}!`);
}

const helloJohn = sayHello.bind(null, 'John');
helloJohn(); // Hello, John!

在上面的例子中，我们使用bind()方法将sayHello函数绑定到一个新的函数helloJohn，新函数的this指向null，而传入的第一个参数是'John'。当我们调用helloJohn()时，它会输出"Hello, John!"。

**2. apply() 方法**

apply() 方法用于执行一个函数，并将一个数组作为该函数的arguments传递给它。它返回函数的结果。

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

const result = sum.apply(null, [1,2]);
console.log(result); //3

在上面的例子中，我们使用apply()方法执行sum函数，并将数组[1,2]作为该函数的arguments传递给它。结果是3。

**3. call() 方法**

call() 方法用于执行一个函数，并将多个参数作为该函数的arguments传递给它。它返回函数的结果。

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

const result = sum.call(null,1,2);
console.log(result); //3

在上面的例子中，我们使用call()方法执行sum函数，并将参数1和2作为该函数的arguments传递给它。结果是3。

**区别**

虽然这三个方法看起来很相似，但它们实际上是有区别的：

* bind() 方法用于创建一个新的函数，其this指向指定的值，而不执行该函数。
* apply() 和 call() 方法用于执行一个函数，并将多个参数作为该函数的arguments传递给它。

**总结**

综上所述，bind(), apply() 和 call() 是三个非常重要的方法，它们可以帮助我们改变函数的上下文环境，从而实现一些复杂的功能。虽然这三个方法看起来很相似，但它们实际上是有区别的。通过理解这些方法的区别，我们可以更好地使用它们来解决问题。

**参考**

* MDN Web Docs：bind()
* MDN Web Docs：apply()
* MDN Web Docs：call()