在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。