如何在JavaScript 物件中引用內部值

在JavaScript 中，存取引用同一物件中其他值的物件中的值有時可能具有挑戰性。考慮以下程式碼片段：

var obj = {
  key1: "it ",
  key2: key1   " works!"
};

alert(obj.key2);

此程式碼錯誤，並顯示訊息「key1 未定義」。要解決此問題，您可以使用特殊關鍵字 this。但是，嘗試存取物件內的 this.key1 或 this[key1] 仍會導致錯誤。

使用函數引用內部值

而不是使用直接屬性訪問，您可以在物件內定義一個返回所需值的函數。例如：

var obj = {
  key1: "it ",
  key2: function() {
    return this.key1   " works!";
  }
};

alert(obj.key2());

透過將 key2 定義為函數，我們可以存取物件中的 this 關鍵字，從而允許我們引用 key1。 Alert() 函數現在將顯示正確的輸出，「it Works!」。