js手动实现bind()

bind()的用法

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

function fn(name, age) {
  this.name = name
  this.age = age
  console.log(this)
}
fn() // Window
fn.bind({a:1})() // {a: 1, name: undefined, age: undefined}
fn.bind({a:1})('a',10) // {a: 1, name: "a", age: 10}
fn.bind({a:1}, 'b', 11)() // {a: 1, name: "b", age: 11}

手动实现bind()

/* 思路：
1、先在函数的原型上定义一个方法
2、获得传入的参数列表args
3、第一个参数是新函数的this
4、返回一个函数，函数内执行fn，并将其余的参数和执行新函数时传的参数一起传进去
*/
Function.prototype.myBind = function() {
  let args = [...arguments]
  let _this = args[0]
  _this.fn = this
  return function() {
    _this.fn(...args.slice(1),...arguments)
    delete _this.fn
    _this = null
    args = null
  }
}
// 使用
fn.myBind({a:1}, 'a', 12)()
fn.myBind({b:2})('b', 13)