JS手写bind方法

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

实现代码

function fn(a, b, c, d) {
  console.log('args', a, b, c, d)
  console.log('this', this)
  return 123
}

Function.prototype.myBind = function(ctx, ...args) {
  const fn = this
  return function(...subArgs) {
    const Args = [...args, ...subArgs]
    // 判断是不是 new 方式来调用的
    if(new.target) {
      return new fn(...Args)
    } else {
      return fn.apply(ctx, Args)
    }
  }
}
const newFn = fn.myBind('ctx', 1, 2)
// 二种调用方法都可
newFn(3, 4)
new newFn(3, 4)
// 输出结果：
// args 1 2 3 4
// this fn {}