call、apply、bind实现

1.call实现

---

思路:

将函数设为对象的属性 -> 执行该函数 -> 删除该函数
obj.f = fn
obj.f()
delele obj.f

实现：

Function.prototype.call = function (context) {
  context = context || window
  context.f = this // this指向的是call前边的函数
  let res = context.f(...[...arguments].slice(1)) // 传入参数，接收函数返回结果
  delete context.f
  return res
}

2.apply实现

思路：

和call差不多，只是第二个参数是数组时忽略其后的参数，遍历传入即可

实现：

Function.prototype.apply=function(context){
  context = context || window
  context.f = this
  let res
  let args = arguments.slice(1)
  if(args[0] instanceof Array) res = context.f(...args[0]) // 第一个参数为数组
  else res = context.f(...args) // 其他情况
  delete context.f
  return res
}

3.bind实现

实现：

Function.prototype.bind=function(context){
  context = context || window
  let args1 = [...arguments].slice(1)
  let f = this
  return function fBind() {
    let args2 = [...arguments]
    if(this instanceof fBind) return new f(...args1,...args2)
    return f.apply(context,[...args1,...args2])
  }
}