apply,call,bind的实现

[gdutwyg]

• apply和call就是传参不一样,apply传数组，call就是正常传参，但是两个都是会在调用的时候同时执行调用的函数。
• bind则会返回一个绑定了this的函数.不会执行调用的函数。

// apply
Function.prototype.selfApply = function (context, args) {
  context  = context || window
  args = args ? args : []
  const key = Symbol()
  context[key] = this // 此时的this 就是调用的selfApply的function
  const res = cotext[key](...args)
  delete context[key]
  return res
}
// call 相对 apply的区别就是参数可以任意
// ...args 转成数组args
Function.prototype.selfCall = function (context, ...args) {
  context  = context || window
  args = args ? args : []
  const key = Symbol()
  context[key] = this // 此时的this 就是调用的selfCall的function
  const res = cotext[key](...args)
  delete context[key]
  return res
}
// bind
Function.prototype.myBind = function (context, args) {
  context  = context || window
  args = args ? args : []
  const fn = this // 此时的this 就是调用的myBind的function
  return function newFn(...newArgs) {
    // 要考虑要返回的函数可能会调用new ，这里要判断是否要调用
    if(this instanceof newFn) {
      return new fn(...args, ...newArgs)
    }
    return fn.apply(context, [...args, ...newArgs])
  }
}

参考

面试感悟,手写bind,apply,call