call、apply、bind三者区别详解

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《call、apply、bind区别详解》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

call和apply立即执行函数并改变this指向，区别在于参数传递形式；bind返回绑定this的新函数，适用于异步或回调场景。

在JavaScript中，call、apply 和 bind 都用于改变函数执行时的 this 指向，但它们的使用方式和返回结果有所不同。下面分别说明三者的区别和适用场景。

1. call 方法：立即调用函数并指定 this

call 方法会立即执行函数，并将第一个参数作为函数内部的 this 值，后续参数逐个传入函数。

func.call(thisArg, arg1, arg2, ...)

例如：

function greet(greeting, punctuation) {
  console.log(greeting + ', ' + this.name + punctuation);
}
const person = { name: 'Alice' };
greet.call(person, 'Hello', '!'); // 输出：Hello, Alice!

2. apply 方法：立即调用函数，参数以数组形式传入

apply 与 call 的作用相同，都是立即执行函数并绑定 this，但传参方式不同：apply 接收一个参数数组。

func.apply(thisArg, [argsArray])

上面的例子用 apply 可以这样写：

greet.apply(person, ['Hi', '?']); // 输出：Hi, Alice?

当需要传入的参数是数组或类数组对象时，apply 更方便。

3. bind 方法：返回新函数，不立即执行

bind 不会立即调用函数，而是返回一个新函数，这个新函数的 this 被永久绑定到指定对象，之后无论怎么调用，this 都不会改变。

func.bind(thisArg, arg1, arg2, ...)

例如：

const boundGreet = greet.bind(person, 'Hey');
boundGreet('~~'); // 输出：Hey, Alice~~

bind 常用于事件处理、setTimeout 或需要延迟执行且保持 this 上下文的场景。

基本上就这些。call 和 apply 立即执行，区别在于参数形式；bind 返回可复用的新函数，适合异步或回调中保持上下文。根据使用时机选择合适的方法即可。

以上就是《call、apply、bind三者区别详解》的详细内容，更多关于的资料请关注golang学习网公众号！