手写call函数和apply函数

最新推荐文章于 2024-04-29 09:43:58 发布

旺仔小拳头I

最新推荐文章于 2024-04-29 09:43:58 发布

阅读量141

点赞数

分类专栏：前端学习文章标签： javascript 前端

本文链接：https://blog.csdn.net/YeChan414/article/details/124132242

版权

本文探讨了JavaScript中call和apply函数的原理，并提供了手动实现这两种函数的方法。核心区别在于apply函数接收参数为数组。

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

call函数

apply函数

call函数

    Function.prototype.mycall = function(){
            if(typeof(this) !== 'function'){  //如果调用mycall的不是一个函数
                console.log("出错了")   //则直接输出错误
            }

            let oBj = arguments[0] || window  //用oBj存放第一个参数，也就是要给谁绑定，如果没有给第一个参数，就默认绑定给window
            oBj.test1 = this  //给oBj一个方法，这个方法就是要给oBj绑定的函数
            let args = Array.from(arguments).slice(1)  //将参数转为数组，然后获取除了第一个参数之外的参数
            let result = oBj.test1(...args)  //调用绑定的函数，传入参数执行
            delete test1  //执行完之后删除这个函数
            return result  //返回结果
        }

        function test(age){
            console.log("我叫"+this.name +",今年"+age+"岁")
        }
        let obj = {
            name:'小明'
        }
        test.mycall(obj,18)