bind多次绑定无效

在JavaScript中，bind()方法创建一个新的函数，当这个新函数被调用时，bind()的第一个参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。

但是，值得注意的是，bind()方法创建的新函数，无论这个函数如何被调用，都会使用你在bind()方法中设置的this。也就是说，一旦bind()方法设置了this，再次调用bind()方法是无法改变this的。

function Dog (name) {
  this.dog = name
  this.bark = function () {
      console.log(this);
    }
}




let dog1 = new Dog('wangcai')
let dog2 = new Dog('wangcai2')


dog2.bark.bind(dog1).bind(dog2)()

在上面的代码中，dog2.bark.bind(dog1).bind(dog2)()，第一次调用bind()方法时，this被设置为dog1，所以无论后面如何调用bind()，this都会始终是dog1。

所以，无论你调用多少次bind()方法，只有第一次调用bind()方法设置的this会生效，后续的bind()调用都不会改变this。

如果你希望实现多次bind()也生效，那么你可能需要自己实现一个类似bind()的函数，让它支持多次绑定。但是这可能会引入额外的复杂性，并且可能会导致你的代码与标准的JavaScript行为不一致。

在实际编程中，我们通常不需要（也不推荐）多次绑定this。如果你发现自己需要这样做，那么可能是你的代码设计存在问题。你可能需要重新考虑你的代码结构，看看是否有更好的方式来实现你的需求。例如，你可能可以使用闭包或者其他设计模式来避免需要多次绑定this。