call,apply,bind原生实现

最新推荐文章于 2022-10-06 18:11:10 发布

傻她你呀

最新推荐文章于 2022-10-06 18:11:10 发布

阅读量291

点赞数

分类专栏： javascript 文章标签： call apply bind原生实现

本文链接：https://blog.csdn.net/qq_41672008/article/details/100971673

版权

javascript 专栏收录该内容

61 篇文章 1 订阅

订阅专栏

call,apply,bind原生实现

if(!Function.prototype.myCall){
    Function.prototype.myCall = function(){
        var args = Array.from(arguments)
        var context = args.shift()
        // this 表示函数
        var fn = this
        Object.defineProperty(context,"fn",{
            value:fn,
            configurable:true
        })
        context.fn(...args)
        delete context.fn
    }
}

if(!Function.prototype.myApply){
    Function.prototype.myApply = function(){
        var args = Array.from(arguments)
        var context = args.shift()
        var params = args.shift()
        var fn = this
        Object.defineProperty(context,"fn",{
            value:fn,
            configurable:true
        })
        // 如果 params存在
        params ? context.fn(...params) : context.fn() 
    }
}

if(!Function.prototype.myBind){
    Function.prototype.myBind = function(){
        var args = Array.from(arguments)
        var context = args.shift()
        var fn = this
        Object.defineProperty(context,"fn",{
            value:fn,
            configurable:true
        })
        return function(){
            var oargs = Array.from(arguments)
            oargs = args.concat(oargs)
            context.fn(...oargs)
            delete context.fn
        }
    }
}