call、apply、bind重写

call重写

 //call重写
    Function.prototype.call2=function(_this,...args){
        //获取当前的函数体
        let fun=this
        //获取传入的执行上下文
        let ctx=_this
        // 在执行上下文执行函数
        ctx.myfun=fun
        let res=ctx.myfun(...args)
        delete ctx.myfun
        return res
    }

    function sayHello(a,b) {
        console.log(this.hello+a+b)
    }
    
    let chineseMan = {
        hello: '你好啊'
    }
    sayHello.call2(chineseMan,1,2) // 你好啊12
    
    let englishMan = {
        hello: 'how are you'
    }
    sayHello.call2(englishMan,3,4) // how are you34

apply重写

 //apply重写
    Function.prototype.apply2=function(_this,array){
        //获取当前的函数体
        let fun=this
        //获取传入的执行上下文
        let ctx=_this
        // 在执行上下文执行函数
        ctx.myfun=fun
        //传入是一个数组需要展开一下
        let res=ctx.myfun(...array)
        delete ctx.myfun
        return res
    }

    function sayHello(a,b) {
        console.log(this.hello+a+b)
    }
    
    let chineseMan = {
        hello: '你好啊'
    }
    sayHello.apply2(chineseMan,[1,2]) // 你好啊12
    
    let englishMan = {
        hello: 'how are you'
    }
    sayHello.apply2(englishMan,[3,4]) // how are you34

bind重写

 //bind重写
    Function.prototype.bind2=function(_this,...outerargs){
        //获取当前的函数体
        let fun=this
        //获取传入的执行上下文
        let ctx=_this
        //bind放回一个函数
        function inner(...innerargs){
            //将参数整合
            let args=[...outerargs,...innerargs]
            ctx.myfun=fun
            let res=ctx.myfun(...args)
            delete ctx.myfun
            return fun
        }
        return inner
    }

    function sayHello(a,b) {
        console.log(this.hello+a+b)
    }
    
    let chineseMan = {
        hello: '你好啊'
    }
    sayHello.bind2(chineseMan,1,2)() // 你好啊12
    
    let englishMan = {
        hello: 'how are you'
    }
    sayHello.bind2(englishMan,3,4)() // how are you34