Nama Harta Dikira dalam JavaScript: Bagaimana Tanda Kurung Persegi Mentakrifkan Sifat Objek?

Menyingkap Nama Harta Berkomputer: Apa Yang Terdapat dalam Kurungan Segi Empat?

Dalam bidang JavaScript, di mana literal objek berkuasa tinggi, seorang yang ingin tahu sintaks telah muncul: kurungan segi empat sama mengelilingi nama harta benda. Notasi yang penuh teka-teki ini, yang dihiasi sebagai "nama sifat yang dikira," baru-baru ini menghiasi halaman spesifikasi ES6.

Diperkenalkan secara misteri dalam contoh yang disediakan, sifat dist memegang pengaruh pada objek dalam, dengan sifat failnya mengehoskan spesimen sintaksis yang pelik:

dist: {
    files: {
      [bpr + 'lib/Monster.min.js']: ['<%= concat.dist.dest %>']
    }
  }
}

Terkejut dengan ungkapan samar ini, kami menyelidiki lebih mendalam ke dalam dunia nama harta terkira yang penuh teka-teki.

Menyahmistikan Nama Harta Terkomputer

Seperti yang diisytiharkan MDN dengan jelas: "Bermula dengan ECMAScript 2015, sintaks pemula objek juga menyokong sintaks pemula nama hartanah. Itu membolehkan anda meletakkan ungkapan dalam kurungan [], yang akan dikira sebagai nama sifat."

Pada dasarnya, kurungan segi empat sama ini memberi kami kuasa untuk menjana nama sifat secara dinamik berdasarkan hasil ungkapan yang dinilai. Keupayaan ini terbukti tidak ternilai apabila membina sifat objek yang namanya tidak dapat ditentukan secara statik.

Mencerahkan Sintaksis

Sintaks nama sifat yang dikira adalah mudah: sertakan ungkapan yang menentukan nama harta dalam kurungan segi empat sama. Ungkapan ini boleh terdiri daripada rujukan pembolehubah mudah kepada pengiraan kompleks:

const propertyName = 'age';
const object = {
  [propertyName]: 25
};

Dalam contoh ini, nama sifat dijana secara dinamik oleh nilai pembolehubah propertyName.

Memperkasa Dinamik Pembinaan Objek

Nama harta yang dikira memperkasakan penciptaan objek dinamik dengan nama harta ditentukan semasa runtime. Fleksibiliti ini menjadi amat berguna apabila menjana struktur data berdasarkan data luaran atau input pengguna:

const data = {
  firstName: 'John',
  lastName: 'Doe',
  [`${firstName} ${lastName}`]: 'John Doe'
};

Kod ini mencipta sifat secara dinamik menggunakan gabungan sifat firstName dan lastName. Objek yang terhasil akan mempunyai sifat bernama "John Doe", menjadikannya mudah untuk mengakses nama penuh.

Secara ringkasan

Nama sifat yang dikira, diperkenalkan dengan ES6, tingkatkan keupayaan pembinaan objek JavaScript dengan mendayakan penjanaan nama sifat dinamik melalui ungkapan yang dinilai. Fleksibiliti ini membuka kunci pelbagai kemungkinan untuk membina struktur data berasaskan objek yang canggih dan ekspresif.

Atas ialah kandungan terperinci Nama Harta Dikira dalam JavaScript: Bagaimana Tanda Kurung Persegi Mentakrifkan Sifat Objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!