Apakah Misteri Di Sebalik `{a, b, c}` Object Literal Shorthand JavaScript?

Pandangan Alternatif pada Literal Objek: Menyelidiki Enigma {a, b, c}

Perkembangan terkini dalam JavaScript telah memperkenalkan sintaks trengkas nilai harta literal objek yang membingungkan, terutamanya dicontohkan oleh struktur yang menarik perhatian {a, b, c}. Coretan ini membentangkan pemergian yang menarik daripada corak var g = {a: g, b: b, c: c} yang biasa.

Memeriksa Konstruk

Untuk menjelaskan sifat {a, b, c}, mari rujuk kod JavaScript yang diberikan coretan:

var a = 1, b = 'x', c = true;

var d = {a: a, b: b, c: c}; // Object literal
var e = [a, b, c]; // Array
var f = {a, b, c}; // Object literal property value shorthand

Menariknya, ketiga-tiga perisytiharan pembolehubah menghasilkan output yang sama apabila nilainya diperiksa menggunakan alert():

alert(d.a  + ', ' + d.b +  ', ' + d.c ); // Output: 1, x, true
alert(e[0] + ', ' + e[1] + ', ' + e[2]); // Output: 1, x, true
alert(f.a  + ', ' + f.b +  ', ' + f.c ); // Output: 1, x, true

Menyingkap Misteri

Diperkenalkan dengan ECMAScript 2015, {a, b, c} sintaks ialah singkatan ringkas untuk var f = {a: a, b: b, c: c}. Notasi trengkas ini, juga dirujuk sebagai trengkas nilai harta, membolehkan pembangun menyelaraskan definisi literal objek.

Selain itu, ia membenarkan penyepaduan yang lancar dengan sintaks permulaan sifat tradisional:

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

Dalam ini contoh, sifat a dimulakan secara eksplisit dengan nilai 1, manakala b dan c menggunakan trengkas notasi.

Untuk menyelami konsep yang lebih mendalam, rujuk dokumentasi tentang definisi Harta dalam pemula Objek.

Atas ialah kandungan terperinci Apakah Misteri Di Sebalik `{a, b, c}` Object Literal Shorthand JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!