call的实现原理：在方法调用模式下，this 总是指向调用它所在方法的对象，this 的指向与所在方法的调用位置有关，而与方法的声明位置无关（箭头函数特殊）
利用 this 的机制来实现 call
1 Function.prototype.mycall = function(thisArg) { 2 if(typeof this !== ‘function‘) { 3 throw TypeError(`${this} is not a function`); 4 } 5 const args = [...arguments].slice(1); 6 thisArg = thisArg || window; 7 thisArg.fn = this; 8 const result = thisArg.fn(...args); 9 delete thisArg.fn; 10 return result; 11 }
apply的实现：
1 Function.prototype.myapply = function(thisArg) { 2 if(typeof this !== ‘function‘) { 3 throw TypeError(`${this} is not a function`); 4 } 5 thisArg = thisArg || window; 6 const args = arguments[1]; 7 thisArg.fn = this; 8 const result = thisArg.fn(...args); 9 delete thisArg.fn; 10 return result; 11 }
bind实现：封装了 call 的方法改变了 this 的指向并返回一个新的函数
1 Function.prototype.mybind = function(fun) { 2 if(typeof this !== ‘function‘) { 3 throw TypeError(‘Bind must be called on a function‘) 4 } 5 var self = this; 6 return function () { 7 self.apply(fun, arguments); 8 } 9 }