javascript中call()、apply()、bind()方法实现

call()方法实现

// fn.call(thisArg[,args[,...]]);        
Function.prototype.myCall = function (context) {
    // 未指定指向对象或者为null、undefined时 函数的调用者为window
    let ctx = context || window;
    ctx.fn = this; // 函数的引用为 指定对象 的一个属性
    let args = [...arguments].slice(1); // arguments是一个类数组 获取第二个参数开始的值(数组形式返回)
    let res = ctx.fn(...args); // 调用新对象下的函数
    delete ctx.fn;
}

apply()方法实现

// fn.apply(thisArg,[arrayArgs]);
Function.prototype.myApply = function(context) {
	let ctx = context || window;
    ctx.fn = this;
    let args = [].concat(...arguments).slice(1);
    let res = ctx.fn(...args);
    delete ctx.fn;
}

bind()方法实现

// fn.bind(thisArg,[arg1[,arg2...]]);
Function.prototype.myBind = function(context) {
	let ctx = context || window;
    ctx.fn = this;
    let args = [...arguments].slice(1);
    return function() { // 利用闭包 函数柯里化
        return ctx.fn.apply(ctx, args);
    }
}