JS 中 bind 函数连续调用的问题

最新推荐文章于 2024-05-23 10:42:32 发布

yanzi_0216

最新推荐文章于 2024-05-23 10:42:32 发布

阅读量1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/yanzi_0216/article/details/112639097

版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

在JavaScript中，连续调用bind()不会按预期改变函数的上下文。原因是每次bind()创建的新函数都会覆盖前一次的设置，导致只有最后一次调用的bind生效。这在实际应用中需要注意，避免产生意外的行为。

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

JS 中 bind 函数连续调用的问题

let a = 'a-window'
const o = {
  a: 'a-o'
}
const c = {
  a: 'a-c'
}
function test() {
  console.log(this.a)
}
test.bind(o).bind(c)()

上述执行结果是 ‘a-o’ 而不是 ‘a-c’
原因是，在Javascript中，多次 bind() 是无效的。更深层次的原因， bind() 的实现，相当于使用函数在内部包了一个 call / apply ，第二次 bind() 相当于再包住第一次 bind() ,故第二次以后的 bind 是无法生效的。