首頁  >  文章  >  web前端  >  如何引用 JavaScript 物件中的內部值?

如何引用 JavaScript 物件中的內部值?

DDD
DDD原創
2024-10-19 12:54:02317瀏覽

How Can I Reference Internal Values within a JavaScript Object?

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

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

<code class="js">var obj = {
  key1: "it ",
  key2: key1 + " works!"
};

alert(obj.key2);</code>

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

使用函數引用內部值

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

<code class="js">var obj = {
  key1: "it ",
  key2: function() {
    return this.key1 + " works!";
  }
};

alert(obj.key2());</code>

透過將 key2 定義為函數,我們可以存取物件內的 this 關鍵字,從而允許我們引用 key1。現在,alert() 函數將顯示正確的輸出,「它有效!」。

以上是如何引用 JavaScript 物件中的內部值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn