前端

`bind`、`call`和`apply`都是JavaScript中的函数对象的方法，它们都可以用来改变函数的`this`指向。每个方法的使用场景和方式有所不同：

### call
`call`方法可以让我们在调用一个函数的同时，指定函数内部`this`的值，也就是改变函数运行时的上下文。`call`的第一个参数是`this`要指向的对象，其余参数依次传入。

**例子**：
```javascript
function introduce(name, age) {
  console.log(`My name is ${name}, and I am ${age} years old. I work as a ${this.job}.`);
}

const person = {
  job: 'developer'
};

introduce.call(person, 'Alice', 30); // 输出：My name is Alice, and I am 30 years old. I work as a developer.
```

在以上例子中，我们使用`call`将`introduce`函数内部的`this`绑定到`person`对象，同时传入了`name`和`age`作为参数。

### apply
`apply`方法与`call`非常相似，区别在于`apply`传入参数的方式。`apply`的第一个参数同样是`this`的值，但第二个参数是一个数组，数组中包含了所有传给函数的参数。

**例子**：
```javascript
function introduce(name, age) {
  console.log(`My name is ${name}, and I am ${age} years old. I work as a ${this.job}.`);
}

const person = {
  job: 'developer'
};

introduce.apply(person, ['Alice', 30]); // 输出：My name is Alice, and I am 30 years old. I work as a developer.
```

在这个例子中，`apply`被用来将`introduce`函数的`this`绑定到`person`对象，参数以数组形式传入。

### bind
`bind`方法创建一个新的函数，可以在稍后时间里执行，它允许我们绑定`this`及初始参数。与`call`和`apply`不同，`bind`并不立即执行函数，而是返回一个改变了上下文`this`后的新函数。

**例子**：
```javascript
function introduce(name, age) {
  console.log(`My name is ${name}, and I am ${age} years old. I work as a ${this.job}.`);
}

const person = {
  job: 'developer'
};

const boundIntroduce = introduce.bind(person, 'Alice', 30);
boundIntroduce(); // 输出：My name is Alice, and I am 30 years old. I work as a developer.
```

在这里，`bind`被用来创建了一个新的`introduce`函数，该函数的`this`被永久绑定到`person`对象。

**总结**：`call`和`apply`都是立即调用函数，但是参数传递方式不同；`call`将参数按顺序传递，而`apply`则是传入参数数组。而`bind`则是返回一个新的函数，可以在以后任何时间点调用，其`this`值和参数都已经预设好了。

bind、call、apply 的区别

call

apply

bind