JavaScript 实现Bind方法

Posted 2021-10-21 乱舞春秋__

实现Bind 方法

• • 关键步骤
  • 完整代码
  • 示例

关键步骤

1. 获取调用bind方法的函数

      const f = this

2. 获取bind方法的this参数和其他参数

      const args = [...arguments]
      const thisValue = args.shift()

3. 返回函数

      return function () {
        return f.apply(thisValue, args)
      }

完整代码

   Function.prototype.myBind = function () {
      const f = this
      const args = [...arguments]
      const thisValue = args.shift()
      return function () {
        return f.apply(thisValue, args)
      }
    }

示例

    //定义 test 函数
    function test (a, b) {
      return [this, a + b]
    }
    const result = test(1, 2)
    console.log(result) // [Window, 3]
	
	// test 函数调用 myBind 方法
    const _test = test.myBind({a: 1}, 2, 3)
    const _result = _test()
    console.log(_result) // [{ a: 1 }, 5]