实现call、apply、bind方法

[akeymo]

// 实现call方法
Function.prototype.myCall = function (context, ...args) {
    context = context || window;

    // 利用Symbol防止覆盖原有属性
    const fn = Symbol('临时属性');

    // 通过对象属性的形式去调用函数，那么这个函数的this就会指向这个对象即context
    context[fn] = this;
    const result = context[fn](...args);

    delete context[fn];
    return result;
}

// 实现apply方法，原理同call，只是第二个参数是数组形式
Function.prototype.myApply = function (context, args) {
   context = context || window;
    const fn = Symbol('临时属性');
    context[fn] = this;
    const result = context[fn](...args);
    delete context[fn];
    return result;
}

// 实现bind方法
// bind返回一个新函数
// 通过new调用bind返回的函数，原本提供的this值被忽略
Function.prototype.myBind = function (context, ...params) {
    const that = this;

    const fToBind = function (...secondParams) {
        // 判断this是否是fToBind的实例，如果是则表示是通过new调用
        const isNew = this instanceof fToBind;
        // 如果是通过new调用，则原本提供的this值即context被忽略
        context = isNew ? this : context;
        return that.call(context, ...params, ...secondParams);
    }
    // 修改返回函数的prototype为绑定函数的prototype，实例就可以继承绑定函数的原型中的值
    fToBind.prototype = Object.create(that.prototype);
    return fToBind;
}