【JavaScript】实现bind，apply和call

Function.prototype.myBind = function(ctx, ...agrs1){
        const fn = this;
        function noopFn(){}
        function innerFn(...args2){
            // bind返回的函数可以作为构造函数使用
            // 当做构造函数时，绑定的this（即上文ctx）失效； 此时this指向new出来的实例
            ctx = this instanceof innerFn ? this : ctx;
            const args = [...agrs1, ...args2];
            const res = fn.apply(ctx, args);
            return res;
        }
        // 不能 innerFn.prototype = fn.prototype 
        // 这样修改innerFn.prototype 也会修改 fn.prototype 
        noopFn.prototype = fn.prototype;
        innerFn.prototype = new noopFn();
        return innerFn;
    }

    Function.prototype.myApply = function(ctx, args){
        ctx = ctx || window;
        // this 其实就是调用myApply的函数， 和myCall的区别就是入参形式不同
        ctx.fn = this;  
        const res = ctx.fn(args);
        delete ctx.fn;
        return res;
    }

    Function.prototype.myCall = function(ctx, ...args){
        ctx = ctx || window;
        ctx.fn = this;
        const res = ctx.fn(...args);
        delete ctx.fn;
        return res;
    }