1 手写call函数

• call函数的实现步骤：
  1. 判断调用对象是否为函数。
  2. 判断传入上下文对象是否存在，如果不存在，则设置为window。
  3. 处理传入的参数，截取第一个参数后的所有参数。
  4. 将函数作为上下文对象的一个属性。
  5. 使用上下文对象来调用这个方法，并保存返回结果。
  6. 删除刚才新增的属性。
  7. 返回结果。

javascript">Function.prototype.myCall = function (context) {if(typeof this !== "function") {console.error("type error");}let args = [...arguments].slice(1);let result = null;context = context || window;context.fn = this;result = context.fn(...args);delete context.fn;return result;
};

2 手写apply函数

• apply函数的实现步骤：
  1. 判断调用对象是否为函数。
  2. 判断传入上下文对象是否存在，如果不存在，则设置为window。
  3. 将函数作为上下文对象的一个属性。
  4. 判断参数值是否传入。
  5. 使用上下文对象来调用这个方法，并保存返回结果。
  6. 删除刚才新增的属性。
  7. 返回结果。

javascript">Function.prototype.myApply = function (context) {if (typeof this !== "function") {throw new TypeError("Error");}let result = null;context = context || window;context.fn = this;if (arguments[1]) {result = context.fn(...arguments[1]);} else {result = context.fn();}delete context.fn;return result;
};

3 手写bind函数

• bind 函数的实现步骤：
  1. 判断调用对象是否为函数。
  2. 保存当前函数的引用，获取其余传入参数值。
  3. 创建一个函数返回。
  4. 函数内部使用apply来绑定函数调用，需要判断函数作为构造函数的情况，这个时候需要传入当前函数的this给apply调用，其余情况都传入指定的上下文对象。

javascript">Function.prototype.myBind = function (context) {if (typeof this !== "function") {throw new TypeError("Error");}let args = [...arguments].slice(1);let fn = this;return function Fn() {return fn.apply(this instanceof Fn? this: context,args.concat(...arguments));};
};