详解JS中关于call、apply和bind的实现（源码实现）

最新推荐文章于 2024-07-29 16:08:41 发布

土豆切成丝

最新推荐文章于 2024-07-29 16:08:41 发布

阅读量1.4k

点赞数 12

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/a20201130/article/details/122871397

版权

本文详细探讨了JavaScript中Function对象的call、apply和bind方法，它们用于改变函数内部的this指向。尽管这三种方法有共同点，如接受this的值和额外参数，但bind方法会返回一个新的函数，而call和apply则直接执行。文章通过源码实现来解释它们的工作原理，并邀请读者交流学习。

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

在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。

call、apply、bind方法的共同点：
1.都是用来改变函数的this对象的指向的；

2.第一个参数都是this要指向的对象；

3.可以利用后续参数传参；

区别：

bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用。

call()方法和apply()方法的作用相同，区别仅在于接受参数的方式不同。

一、call的源码实现

        //call源码实现
        function demo(){
            console.log(this);
            console.log(arguments);
        }
        var obj = {
            neme:"lcy",
            age:2
        }
        Function.prototype.myCall = function(){
            //找出第一个参数，判断第一个参数是否为空，如果为空this还是指向window
            var target = arguments[0] || window//短路运算