JS 关于链式 bind 的操作

sigmarising

于 2023-05-05 23:11:21 发布

阅读量137

点赞数

分类专栏：开发文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/sigmarising/article/details/130516801

版权

开发专栏收录该内容

32 篇文章

订阅专栏

JS中的.bind方法用于改变函数调用时的this指向，但链式.bind只会保留第一次的绑定。文章提供了一个自定义的bind实现，展示了在链式调用时，内部函数通过apply层层传递this的情况，强调了最内层的apply决定最终的this值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 JS 中可以利用 .bind 的方式重新指定 this 的指向，而级联（链式）的 .bind 并不会奏效，只会绑定第一个 bind 的 this。以下是一种 .bind 的实现：

if (!Function.prototype.bind) {
  Function.prototype.bind = function(oThis) {
    if (typeof this !== 'function') {
      throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable')
    }
    var aArgs   = Array.prototype.slice.call(arguments, 1),
        fToBind = this,
        fNOP    = function() {},
        fBound  = function() {
          return fToBind.apply(
            this instanceof fNOP ? this : oThis,
            aArgs.concat(Array.prototype.slice.call(arguments))
          )
        }
    if (this.prototype) {
        fNOP.prototype = this.prototype; 
    }
    fBound.prototype = new fNOP()
    return fBound
  }
}