手写call、applay、bind实现

/* 

fun.call(thisArg, param1, param2, ...)
fun.apply(thisArg, [param1,param2,...])
fun.bind(thisArg, param1, param2, ...)

call/apply：fun执行的结果
bind：返回fun的拷贝，并拥有指定的this值和初始参数
*/

Function.prototype.myCall = function (context) {
  // 赋值作用域参数，如果没有则默认为 window，即访问全局作用域对象
  const ctx = context || window;
  // 将被调用函数this作为传入对象的属性进行调用，就能让被调用函数内部的this指向该对象
  // 将函数作为传入的context对象的一个属性，调用该函数
  ctx.fn = this; // 函数的this指向隐式绑定到context上    this指向调用者
  //   获取实参
  const args = [...arguments].slice(1); // 使用扩展运算符把伪数组转化为真数组
  // 此时this指向ctx，以对象的形式调用fn
  const res = ctx.fn(...args);
  //   删除添加的属性，不然会对传入的对象造成污染
  delete ctx.fn;
  return res;
};

Function.prototype.myApply = function (context) {
  // 赋值作用域参数，如果没有则默认为 window，即访问全局作用域对象
  const ctx = context || window;
  // 将被调用函数this作为传入对象的属性进行调用，就能让被调用函数内部的this指向该对象
  // 将函数作为传入的context对象的一个属性，调用该函数
  ctx.fn = this;
  //   获取实参
  const args = [...arguments].slice(1);
  // 此时this指向ctx，以对象的形式调用fn
  const res = ctx.fn([args]);
  //   删除添加的属性，不然会对传入的对象造成污染
  delete ctx.fn;
  return res;
};

Function.prototype.myBind = function (context) {
  const obj = context || window;
  const self = this;
  let arg = Array.prototype.slice.call(arguments, 1);
  const newFun = function () {
    let arg2 = Array.prototype.slice.call(arguments);
    // 处理函数使用new的情况
    // 当前函数的this就是当前的实例
    if (this instanceof newFun) {
      self.apply(this, arg.concat(arg2));
    } else {
      self.apply(obj, arg.concat(arg2));
    }
  };

  //支持 new 创建对象时，实例__proto__指向绑定对象函数的prototype
  newFun.prototype = this.prototype;
  return newFun;
};