手写bind完整版

手写bind完整版

function fn(a, b, c, d) { //测试方法
    console.log(a, b, c, d);
    console.log(this)
    return {a:124}
}
Function.prototype.mybind = function (ctx) {
    var args = Array.prototype.slice.call(arguments, 1);
    var fn = this;
    return function A() {
        var restArgs = Array.prototype.slice.call(arguments);
        var allArgs = args.concat(restArgs);
        if (Object.getPrototypeOf(this) === A.prototype) {//这里是处理用new newFn()
            // return new fn(...allArgs) //如果不用这种写法可以手写一下
            //创建一个空对象
            // var obj = {}
            // Object.setPrototypeOf(obj, fn.prototype);
            //也可以这么写
            var obj = Object.create(fn.prototype);
            var result = fn.apply(obj, allArgs)
            return (typeof result === 'object' && result != null) ? result : obj;//这里要判断一下fn.apply(obj, allArgs)的返回结果

        } else {
            return fn.apply(ctx, allArgs);
        }
    }
}

const newFn = fn.mybind('ctx', 1, 2);
let result = newFn(3, 4);
console.log(result)
//打印结果
//1 2 3 4
//[String: 'ctx']
//{ a: 124 }

let result1 = new newFn(3, 4);
console.log(result1)
//打印结果
//1 2 3 4
//fn {}
//{ a: 124 }