call,apply,bind实现

call和apply都是对函数的直接调用，而bind方法返回的仍然是一个函数

call的实现原理：在方法调用模式下，this 总是指向调用它所在方法的对象，this 的指向与所在方法的调用位置有关，而与方法的声明位置无关（箭头函数特殊）

利用 this 的机制来实现 call

Function.prototype.mycall = function(thisArg) {
    if(typeof this !== 'function') {
        throw TypeError(`${this} is not a function`);
    }
    const args = [...arguments].slice(1);
    thisArg = thisArg || window;
    thisArg.fn = this;
    const result = thisArg.fn(...args);
    delete thisArg.fn;
    return result;
}

 

apply的实现：

Function.prototype.myapply = function(thisArg) {
    if(typeof this !== 'function') {
        throw TypeError(`${this} is not a function`);
    }
    thisArg = thisArg || window;
    const args = arguments[1];
    thisArg.fn = this;
    const result = thisArg.fn(...args);
    delete thisArg.fn;
    return result;
}

 

bind实现：封装了 call 的方法改变了 this 的指向并返回一个新的函数

Function.prototype.mybind = function(fun) {
    if(typeof this !== 'function') {
        throw TypeError('Bind must be called on a function')
    }
    var self = this;
    return function () {
        self.apply(fun, arguments);
    }
}