首頁 >web前端 >js教程 >JavaScript 物件字面量中的 `{a: a, b: b, c: c}` 和 `{a, b, c}` 有什麼不同?

JavaScript 物件字面量中的 `{a: a, b: b, c: c}` 和 `{a, b, c}` 有什麼不同?

Barbara Streisand
Barbara Streisand原創
2024-12-27 18:56:09805瀏覽

What's the Difference Between `{a: a, b: b, c: c}` and `{a, b, c}` in JavaScript Object Literals?

JavaScript 中的物件文字:揭開{a, b, c} 之謎

想像一下以下程式碼:

var d = {a: a, b: b, c: c}; // object literal
var e = [a, b, c];          // array
var f = {a, b, c};          // what exactly is this??

出現一個問題:f 是什麼樣的資料結構?它只是 d 的快捷方式,還是其他什麼?

為了解決這個謎團,讓我們來探討一下 物件文字屬性值簡寫 的概念。 ES6 中引入的這種語法提供了一種構造物件字面量的簡潔方法:

var f = {a, b, c};

這相當於:

var f = {a: a, b: b, c: c};

換句話說,f 是初始化其對象字面量的對象字面量。具有現有變數 a、b 和 c 的值的屬性。

此外,簡寫可以與經典屬性組合初始化:

var f = {a: 1, b, c};

要全面理解,請參考物件初始值設定項中的屬性定義

以上是JavaScript 物件字面量中的 `{a: a, b: b, c: c}` 和 `{a, b, c}` 有什麼不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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