Rumah > hujung hadapan web > tutorial js > Bila dan Mengapa Menggunakan Kurungan Segi Empat dalam Nama Harta Tersurat Objek?

Bila dan Mengapa Menggunakan Kurungan Segi Empat dalam Nama Harta Tersurat Objek?

DDD
Lepaskan: 2024-11-10 21:36:02
asal
774 orang telah melayarinya

When and Why Use Square Brackets in Object Literal Property Names?

Memahami Kurungan dalam Nama Harta Harfiah Objek

Dalam JavaScript, literal objek biasanya digunakan untuk mewakili data sebagai pasangan nilai kunci. Walau bagaimanapun, sintaks yang kurang biasa melibatkan kurungan segi empat sama mengelilingi nama harta benda. Mari kita terokai kepentingan sintaks ini.

Nama Harta Berkomputer

Diperkenalkan dalam ES6, kurungan segi empat sama membolehkan penciptaan nama harta benda yang dikira. Tidak seperti nama sifat tradisional yang merupakan rentetan statik, nama sifat yang dikira boleh menjadi ungkapan dinamik, dinilai pada masa jalan.

Contoh:

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

Dalam contoh ini, sifat nama dijana secara dinamik menggunakan ungkapan bpr 'lib/Monster.min.js'. Ciri ini membolehkan anda mentakrifkan nama sifat berdasarkan pembolehubah dinamik atau pengiraan lain.

Kes Penggunaan

Nama sifat yang dikira amat berguna apabila:

  • Anda mahu mencipta nama sifat dinamik berdasarkan input pengguna atau data luaran.
  • Anda perlu akses sifat objek menggunakan pembolehubah atau ungkapan.
  • Anda mahu mengelak daripada menggunakan gabungan rentetan untuk mencipta nama sifat.

Definisi MDN

Rangkaian Pembangun Mozilla (MDN) mentakrifkan nama harta yang dikira sebagai:

"Bermula dengan ECMAScript 2015, sintaks pemula objek juga menyokong nama sifat yang dikira yang membolehkan anda meletakkan ungkapan dalam kurungan [], yang akan dikira sebagai nama sifat."

Atas ialah kandungan terperinci Bila dan Mengapa Menggunakan Kurungan Segi Empat dalam Nama Harta Tersurat Objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan