手写apply/call/bind

Function.prototype.myCall = function(context) {
  if(typeof this !== 'function') {
    // 判断当前调用者是否为函数
    return
  }
  // 保存传入的this指向，这里会出现没有传入this指向的问题，那么that就是默认的window
  that = context || window
  // 保存当前调用的函数
  that.fn = this
  // 通过slice来截取传入的参数
  const args = [...arguments].slice(1)
  // 传入参数调用函数
  const result = that.fn(...args)
  // 删除掉fn属性
  delete that.fn
  // 返回结果
  return result
}

Function.prototype.myApply = function(context) {
  if(typeof this !== 'function') {
    // 判断当前调用者是否为函数
    return
  }
  // 保存传入的this指向
  that = context || window
  // 保存当前调用的函数
  that.fn = this
  let result
  // 这里开始判断传入的参数是否存在，此时参数是一个数组形式[thisArg,[传参]]
  // 那么如果arguments[1]即传参存在的时候，就是需要传参调用保存的函数
  // 如果不存在就直接调用函数
  if (arguments[1]) {
    result = that.fn(...arguments[1])
  } else {
    result = that.fn()
  }
  return result
}

Function.prototype.myBind = function(context) {
    if (typeof this !== 'function') {
        throw new TypeError('Error')
    }
    //返回一个绑定this的函数，这里我们需要保存this
    const _this = this
    const args = [...arguments].slice(1)
        //返回一个函数
    return function F() {
        //因为返回一个函数，我们可以new F()需要判断能当做构造函数吗
        if (this instanceof F) {
            return new _this(...args, ...arguments)
        }
        return _this.apply(context, args.concat(...arguments))
    }
}