apply call bind

手写思路

1. 把传入的第一个参数看成一个空对象 {}
2. 在空对象上定义一个方法fn，fn就是调用call、apply、bind的方法
3. 然后执行空对象.fn，这样就可以让fn的this是这个空对象，就是传入的第一个参数
4. 拿到执行完的返回结果
5. 把fn从空对象上删除
6. 返回执行结果

call

• 传多个参数

Function.prototype.myCall = function (context = window, ...arg) {
  const symbol = Symbol('fn')
  context[symbol] = this
  const result = context[symbol](...arg)
  delete context.fn
  return result
}

apply

• 传入一个数组

Function.prototype.myApply = function (context = window, arg = []) {
  const symbol = Symbol('fn')
  context[symbol] = this
  const result = context[symbol](...arg)
  delete context.fn
  return result
}

bind

• 传入多个参数
• 返回一个改变this指向后的函数

Function.prototype.myBind = function (context = window, ...arg) {
  const that = this
  function Fn() {
    // 如果是构造函数改变 this 指向，this 指向应该是调用的实例
    return that.call(this instanceof Fn ? this : context, ...arg)
  }
  // 改变原型
  Fn.prototype = this.prototype
  return Fn
}