js 实现 call & apply & bind

  最近发现某条的前端面试很喜欢让人手写实现 bind。实际上，只要对原生 js 够熟悉的话，别说是实现 bind，连 call 还有 apply 的实现也是很简单的，本篇文章主要是记录下本人实现的代码。

(一) 手写实现 call

Function.prototype.myCall = function (context) {
  let args = [...arguments].slice(1)
  context[this.name] = this
  let res = context[this.name](...args)
  delete context[this.name]
  return res
}

(二) 手写实现 apply

Function.prototype.myApply = function (context, args) {
  context[this.name] = this
  let res = context[this.name](...args)
  delete context[this.name]
  return res
}

(三) 手写实现 bind

Function.prototype.myBind = function (context) {
  let that = this
  let args = [...arguments].slice(1)
  return function () {
    // 调用了前面手写的 apply
    return that.myApply(context, args.concat([...arguments]))
  }
}

  调用 bind 之后获得的绑定函数，如果将其当成构造函数和 new 搭配使用，那么原本调用 bind 时传入的第一个参数 context 将降低优先级，取而代之的是 new 操作符创建的那个新对象。而以上的实现过于简单，实现不了这个功能，以下是升级之后的版本。

Function.prototype.myBind = function (context) {
  let that = this
  let args = [...arguments].slice(1)
  let fNOP = function() {}
  let fBound = function () {
    // 调用了前面手写的 apply
    return that.myApply(this instanceof fBound ? this : context, args.concat([...arguments]))
  }
  if (that.prototype) {
    fNOP.prototype = that.prototype
  }
  fBound.prototype = new fNOP()
  return fBound
}