call，apply和bind的使用

最新推荐文章于 2022-08-19 10:38:29 发布

p_coder

最新推荐文章于 2022-08-19 10:38:29 发布

阅读量156

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_54217534/article/details/126147414

版权

本文详细探讨了JavaScript中call、apply和bind方法的共同点与区别。它们都用于改变函数调用时的this上下文，接收的第一个参数设定为this的新指向。call和apply的区别在于传递额外参数的方式，call直接传参，apply则通过数组。bind方法则返回一个新的函数，保留原函数的this并可以延迟执行。通过示例代码展示了它们在实际中的应用。

摘要由CSDN通过智能技术生成

1.相同点

a.三者都可以用来改变this指向

b.接收的第一个参数都是this要指向的对象

c.都可以利用后续参数传参

2.不同点

a.call和bind传参一样，都是多个参数依次传入

b.apply只有两个参数，第二个参数为数组

c.call和apply都是对函数进行直接调用，而bind方法不会立即调用函数,而是返回一个修改this后的函数

3.演示代码

let obj1 = {
    name: 'peng',
    getName(){
        console.log(this.name);
    }
}

let obj2 = {
    name: 'li',
    getName(){
        console.log(this.name)
    }
}

obj1.getName.apply(obj2); // 'li'
obj1.getName.call(obj2); // 'li'
obj2.getName.bind(obj2)() // 'li'