'this” 關鍵字在 JavaScript 物件文字中的行為如何？

「this」關鍵字在JavaScript 中的物件字面量中的行為方式

在JavaScript 中，「this」關鍵字指的是當前物件函數被呼叫。然而，「this」的綁定可能會令人困惑，尤其是在物件文字中使用時。

在物件文字中，「this」的值並不會綁定到物件本身，而是綁定到全域物件（瀏覽器中的視窗）。這可能會導致意外的行為，如以下程式碼所示：

var obj1 = {
  foo: new Date(),
  bar: new MyDate(this.foo)  //  this.foo is undefined
};

在此範例中，「this.foo」在MyDate 的建構子中未定義，因為「this」引用全域對象，該物件沒有名為“foo”的屬性。

要解決此問題，您可以使用bind() 在物件文字中明確綁定「this」方法：

var obj4 = {};
obj4.foo = new Date();
obj4.bar = new MyDate(obj4.foo.bind(obj4));

這確保MyDate 建構函式中的「this」引用正確的物件（obj4）。

或者，您可以使用箭頭函數綁定「this」到物件：

var obj3 = {
  foo: new Date(),
  bar: new MyDate(() => this.foo)
};

在箭頭函數中，「this」在定義時綁定到周圍的範圍，在本例中是對象本身。

以上是'this” 關鍵字在 JavaScript 物件文字中的行為如何？的詳細內容。更多資訊請關注PHP中文網其他相關文章！