本文主要是介绍call、apply、bind三者的区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
call、apply、bind都是可以改变函数 this 对象指向的方法，但它们也有各自的特点。
call()
写了就等于直接调用函数。写法如下：
fun.call(obj,要传给函数的参数1,要传给函数的参数2...)call() 接收多个参数，第一个为函数上下文也就是this，后边参数为函数本身的参数。
var name = '琪琪';var obj = {name: '...琪琪',print: function (name) {console.log(this.name);console.log(name);}
}let { print } = obj;
print.call(obj, '琪琪...');
// ...琪琪
// 琪琪...apply()
写了就等于直接调用函数，区别于 call 就是后面参数的传入，其他都一样
fun.apply(obj,[要传给函数的参数1,要传给函数的参数2...])apply() 接收的是一个包含多个参数的数组 ，第一个为函数上下文也就是this
var name = '拉拉';var obj = {name: '...拉拉',print: function (name) {console.log(this.name);console.log(name);}
}let { print } = obj;
print.apply(obj, ['拉拉...']);
// ...拉拉
// 拉拉...bind()
写了还要加括号才算调用函数，跟 call 参数设置一样
foo.bind(obj,要传给函数的参数1,要传给函数的参数2...)bind()方法创建一个新的函数，我们必须要手动去调用。 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。
var name = '蹦蹦';var obj = {name: '...蹦蹦',print: function (name) {console.log(this.name);console.log(name);}
}let { print } = obj;
print.bind(obj, '蹦蹦...')();
// ...蹦蹦
// 蹦蹦...总结
- 三者都可以改变函数的 this 对象指向。
- 三者第一个参数都是 this 要指向的对象，如果如果没有这个参数或参数为 undefined 或 null，则默认指向全局 window。
- 三者都可以传参，但是 apply 是数组，而 call 是参数列表，且 apply 和 call 是一次性传入参数，而 bind 可以分为多次传入。
- bind 是返回绑定 this 之后的函数，便于稍后调用；apply 、call 则是立即执行 。
- bind()会返回一个新的函数，如果这个返回的新的函数作为构造函数创建一个新的对象，那么此时 this 不再指向传入给 bind 的第一个参数，而是指向用 new 创建的实例
此文章引用了一下博主的优秀文章万分感谢
原文链接：https://blog.csdn.net/weixin_46235143/article/details/122512538
这篇关于call、apply、bind三者的区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
