今天我们来聊聊 bind、call 和 apply 的区别，以及如何实现一个 bind。这三个函数看起来相似，但其实它们之间有一些关键的差异，理解了这些差异，你在面试中的表现一定会更加出色。
首先，这三个方法的共同点是：它们都用来改变函数的上下文（即 this 的指向）。简单来说，this 是 JavaScript 中的一个特殊关键字，指向当前执行上下文中的对象。
通常情况下，this 的指向是根据函数的调用方式决定的。但有时，我们需要手动控制 this 指向，这就是 bind、call 和 apply 的用武之地。
call 和 apply：一次性改变 this 的指向
call 和 apply 基本上是同一类方法，它们都用于改变 this 的指向并立即执行函数。唯一的区别在于，传递参数的方式不同。
call接受的参数是一个this值，后面跟着一堆参数，这些参数是按顺序一个一个传入的。apply也接收一个this值，但它的第二个参数是一个数组，里面包含了所有传递给函数的参数。
举个例子，假设我们有一个函数和一个对象：
function greet(name, age) {
console.log(`${this.name} says hello to ${name}, who is ${age} years old.`);
}
const person = {
name: 'Alice'
};
// 使用 call
greet.call(person, 'Bob', 25); // 输出：Alice says hello to Bob, who is 25 years old.
// 使用 apply
greet.apply(person, ['Bob', 25]); // 输出：Alice says hello to Bob, who is 25 years old.
可以看到，call 和 apply 都立即执行了函数并改变了 this 指向。它们都可以接收额外的参数，但 call 是逐个传递，apply 是一次性传递一个数组。
bind：改变 this 的指向并返回新函数
与 call 和 apply 不同，bind 方法并不会立即执行函数，而是返回一个新的函数，这个新函数已经绑定了特定的 this 值，并且可以在未来的某个时刻被调用。
bind 的用法稍微复杂一点，因为它允许我们提前传入一部分参数，并在后续调用时再传入剩余的参数。
举个例子，假设我们用 bind 来绑定函数：
function greet(name, age) {
console.log(`${this.name} says hello to ${name}, who is ${age} years old.`);
}
const person = {
name: 'Alice'
};
// 使用 bind 创建一个新函数
const greetBob = greet.bind(person, 'Bob');
greetBob(25); // 输出：Alice says hello to Bob, who is 25 years old.
在这个例子中，我们使用 bind 创建了一个新函数 greetBob，并指定了 this 指向 person，同时提前将 'Bob' 作为第一个参数绑定。
当我们调用 greetBob(25) 时，this 已经指向了 person，并且 'Bob' 已经是第一个参数了，剩下的 25 则是在调用时传入的。
bind、call、apply 的区别总结
this的指向：这三者都可以改变函数的this指向。参数传递：
call：第一个参数是this，后面跟随的是单独传递的参数。apply：第一个参数是this，第二个参数是一个数组，数组包含所有参数。bind：第一个参数是this，后面跟随的是提前绑定的参数，它返回一个新的函数。
call和apply：立即执行函数。bind：返回一个新的函数，等到调用时才执行。
如何实现 bind
实现一个 bind 方法可以通过手动控制函数的 this 和参数传递。我们可以模拟 bind 的行为，保持 this 指向的稳定，并能够接受动态参数。下面是一个简单的实现：
Function.prototype.myBind = function (context) {
// 判断调用者是否为函数
if (typeof this !== 'function') {
throw new TypeError('Caller is not a function');
}
// 获取除了第一个 context 之外的参数
const args = [...arguments].slice(1);
const fn = this; // 保存原函数
return function Fn() {
// 如果是使用 `new` 调用 `bind` 返回的函数，this 应该是新对象
return fn.apply(this instanceof Fn ? new fn(...arguments) : context, args.concat(...arguments));
}
};
在这个实现中，我们首先检查 bind 是否是通过函数调用的，然后保存原函数 fn，并返回一个新函数 Fn。
这个新函数在执行时，会根据是否使用了 new 操作符来决定 this 的指向。如果是通过 new 调用的，this 会指向一个新对象，否则就指向传入的 context。
如果面试官问你 bind、call 和 apply 的区别，以及如何实现一个 bind，你可以这样回答：
call和apply都用来改变函数的this指向，call是逐个传递参数，而apply是传递一个数组。bind用于改变函数的this指向并返回一个新函数，这个新函数可以在后续调用时执行。你还可以提供 bind方法的实现，并解释其中的核心原理，特别是如何判断是否使用new来调用返回的新函数，以及如何处理传递给函数的参数。
目前，对编程、职场感兴趣的同学，大家可以联系我微信：golang404，拉你进入“程序员交流群”。
虎哥私藏精品 热门推荐 虎哥作为一名老码农，整理了全网最全《前端资料合集》。
