javascript - 如何使用绑定(bind)方法覆盖已绑定(bind)函数的 `this` 值

Question

我编写了以下代码。这里 getGreeting 已经与 Salutation 绑定(bind)。当使用 bind() 将 getGreeting 与 myName 绑定(bind)时，它仍然使用 Salutation 类的上下文进行调用。

let myName = {
  name: 'John'
}
class Salutation {
    constructor() {
        this.name = 'Mike';
        this.getGreeting = this.getGreeting.bind(this)
    }
    getGreeting() {
      return `Hi. My name is ${this.name}`
    }
}
const salutation = new Salutation();
console.log(salutation);

boundFunction = salutation.getGreeting.bind(this);
boundFunction();// My name is Mike

boundFunction = salutation.getGreeting.bind(myName);
boundFunction();// My name is Mike

Answer 1

你不能。

bind 创建一个新函数 (B)，它使用特定的 this 调用原始函数 (A)。

尝试重新绑定(bind)它会创建另一个新函数 (C)，该函数使用特定的 this 调用前一个函数 (B)。然而，B 并不关心 this 的值是什么，它仍然使用最初被告知使用的值来调用 A。