Sintaks objek dalam javascript

mata utama

Memahami objek JavaScript adalah penting untuk pembangunan yang berjaya dalam bahasa, kerana banyak jenis data terbina dalam diwakili sebagai objek. Objek adalah jenis data komposit yang dibina dari primitif dan objek lain, dan sifatnya menggambarkan aspek objek.
Objek boleh dibuat dan diakses dalam JavaScript dalam pelbagai cara. Notasi literal objek (dalam pendakap) membolehkan penciptaan objek cepat dengan pasangan kunci/nilai. Ciri -ciri objek boleh diakses melalui notasi DOT atau notasi kurungan persegi, yang memberikan fleksibiliti yang lebih besar untuk nama atribut yang berubah -ubah atau nama atribut yang mengandungi aksara khas.
Fungsi yang digunakan sebagai sifat objek dipanggil kaedah dan boleh dipanggil menggunakan notasi titik dan notasi kurungan persegi. Atribut dan kaedah boleh ditambah kepada objek yang sedia ada melalui penyata tugasan, dan sifat objek bersarang boleh diakses dengan menghubungkan titik -titik dan/atau rujukan kurungan bersama -sama.

objek JavaScript adalah asas bahasa. Banyak jenis data terbina dalam (seperti kesilapan, ungkapan biasa, dan fungsi) diwakili sebagai objek dalam JavaScript. Untuk menjadi pemaju JavaScript yang berjaya, anda mesti memahami bagaimana objek berfungsi. Artikel ini akan mengajar anda asas -asas penciptaan dan manipulasi objek JavaScript. Objek adalah jenis data komposit, dibina dari primitif dan objek lain. Blok bangunan objek sering dirujuk sebagai medan

atau atribut . Atribut digunakan untuk menggambarkan aspek tertentu objek. Sebagai contoh, atribut boleh menggambarkan panjang senarai, warna anjing, atau tarikh kelahiran seseorang.

Buat objek

Membuat objek dalam JavaScript adalah mudah. Bahasa ini menyediakan sintaks yang dipanggil

notasi literal objek untuk membuat objek dengan cepat. Teks objek diwakili dalam pendakap. Contoh berikut mencipta objek kosong tanpa atribut.

var object = {};

dalam pendakap, atribut dan nilai -nilainya ditentukan sebagai senarai pasangan kunci/nilai. Kunci boleh menjadi rentetan atau pengenal, manakala nilai boleh menjadi ungkapan yang sah. Senarai pasangan kunci/nilai dipisahkan oleh koma, dan setiap kunci dan nilai dipisahkan oleh kolon. Contoh berikut menggunakan notasi literal untuk membuat objek dengan tiga atribut. Atribut pertama Foo menyimpan nombor 1. Bar atribut kedua ditentukan menggunakan rentetan dan juga menyimpan nilai rentetan. BAZ harta ketiga menyimpan objek kosong.

var object = {
  foo: 1,
  "bar": "some string",
  baz: {
  }
};

Sila perhatikan penggunaan ruang dalam contoh sebelumnya. Setiap atribut ditulis pada baris yang berasingan dan diinduksi. Seluruh objek boleh ditulis pada satu baris, tetapi kod yang ditulis dalam format ini lebih mudah dibaca. Ini terutama berlaku untuk objek dengan banyak sifat atau objek bersarang.

atribut akses

JavaScript menyediakan dua notasi untuk mengakses sifat objek. Yang pertama dan paling biasa dipanggil notasi titik . Dalam notasi Dot, harta itu diakses dengan memberikan nama objek tuan rumah, diikuti dengan tempoh (atau titik), dan kemudian nama harta. Contoh berikut menunjukkan cara membaca dan menulis sifat menggunakan notasi titik. Jika nilai tersimpan awal objek.foo adalah 1, nilainya akan menjadi 2 selepas melaksanakan pernyataan ini. Perhatikan bahawa jika object.foo tidak mempunyai nilai lagi, ia tidak akan ditentukan.

var object = {};

Satu lagi sintaks untuk mengakses sifat objek dipanggil notasi pendakap persegi . Dalam notasi kurungan persegi, nama objek diikuti dengan satu set kurungan persegi. Dalam kurungan persegi, nama harta ditentukan sebagai rentetan. Contoh notasi titik sebelumnya telah ditulis semula di bawah untuk menggunakan notasi kurungan persegi. Walaupun kod mungkin kelihatan berbeza, ia bersamaan secara fungsional dengan contoh sebelumnya.

var object = {
  foo: 1,
  "bar": "some string",
  baz: {
  }
};

Notasi kurungan persegi lebih ekspresif daripada notasi DOT kerana ia membolehkan pembolehubah menentukan semua atau sebahagian daripada nama atribut. Ini mungkin kerana jurubahasa JavaScript secara automatik menukar ungkapan dalam kurungan persegi ke dalam rentetan dan kemudian mengambil sifat yang sepadan. Contoh berikut menunjukkan cara membuat nama atribut secara dinamik menggunakan notasi kurungan persegi. Dalam contoh ini, nama atribut FOO dicipta dengan menggabungkan kandungan pembolehubah F dengan rentetan "OO".

object.foo = object.foo + 1;

Notasi kurungan persegi juga membolehkan nama atribut mengandungi aksara yang dilarang dalam notasi titik. Sebagai contoh, pernyataan berikut benar -benar sah dalam notasi kurungan persegi. Walau bagaimanapun, jika anda cuba membuat nama harta yang sama dalam notasi DOT, anda akan menghadapi ralat sintaks.

object["foo"] = object["foo"] + 1;

Akses sifat bersarang

Ciri -ciri objek bersarang boleh diakses dengan menghubungkan titik -titik dan/atau rujukan pendakap persegi bersama -sama. Sebagai contoh, objek berikut mengandungi objek bersarang bernama BAZ, yang mengandungi objek lain yang bernama Foo, yang mempunyai harta bernama Bar yang menyimpan nilai 5.

var f = "f";

object[f + "oo"] = "bar";

Ungkapan berikut mengakses bar harta bersarang. Ekspresi pertama menggunakan notasi titik, manakala ungkapan kedua menggunakan notasi kurungan persegi. Ekspresi ketiga menggabungkan dua notasi untuk mencapai hasil yang sama.

object["!@#$%^&*()."] = true;

Ekspresi seperti yang ditunjukkan dalam contoh sebelumnya boleh menyebabkan kemerosotan prestasi jika digunakan dengan tidak betul. Ia mengambil masa untuk menilai setiap titik atau ekspresi pendakap persegi. Jika anda menggunakan harta yang sama beberapa kali, sebaiknya mengakses harta itu sekali dan kemudian simpan nilai dalam pembolehubah tempatan untuk digunakan dalam semua tujuan masa depan. Contoh berikut menggunakan bar beberapa kali dalam gelung. Walau bagaimanapun, bukannya membuang masa mengira nilai yang sama berulang kali, menyimpan bar dalam pembolehubah tempatan.

var object = {
  baz: {
    foo: {
      bar: 5
    }
  }
};

Fungsi sebagai kaedah

Apabila fungsi digunakan sebagai harta objek, ia dipanggil kaedah . Seperti sifat, kaedah juga boleh ditentukan dalam notasi literal objek. Contoh berikut menunjukkan bagaimana untuk mencapai matlamat ini.

object.baz.foo.bar;
object["baz"]["foo"]["bar"];
object["baz"].foo["bar"];

Kaedah juga boleh dipanggil menggunakan notasi dot dan notasi kurungan persegi. Contoh berikut menggunakan kedua -dua notasi ini untuk memanggil kaedah SUM () dalam contoh sebelumnya.

var object = {};

Tambah atribut dan kaedah

Notasi literal objek berguna untuk membuat objek baru, tetapi ia tidak dapat menambah sifat atau kaedah kepada objek yang ada. Mujurlah, menambah data baru ke objek adalah semudah membuat pernyataan tugasan. Contoh berikut mencipta objek kosong. Kemudian gunakan pernyataan tugasan untuk menambah dua atribut foo dan bar dan kaedah baz. Perhatikan bahawa contoh ini menggunakan notasi DOT, tetapi notasi kurungan persegi sama -sama berkesan.

var object = {
  foo: 1,
  "bar": "some string",
  baz: {
  }
};

Kesimpulan

Artikel ini memperkenalkan pengetahuan asas sintaks objek JavaScript. Adalah penting untuk menguasai kandungan ini kerana ia membentuk asas bagi seluruh bahasa. Mereka mengatakan bahawa anda perlu belajar berjalan sebelum anda dapat berlari. Kemudian, di dunia JavaScript, anda mesti terlebih dahulu memahami objek untuk memahami pengaturcaraan berorientasikan objek.

Soalan Lazim mengenai Sintaks Objek JavaScript (FAQ)

Apakah perbezaan antara notasi titik tengah dan notasi kurungan persegi dalam sintaks objek JavaScript?

Dalam JavaScript, objek adalah koleksi pasangan nilai utama. Anda boleh mengakses nilai -nilai ini menggunakan notasi titik atau notasi kurungan persegi. Perwakilan DOT lebih langsung dan mudah dibaca. Gunakannya apabila anda mengetahui nama harta benda. Sebagai contoh, jika anda mempunyai objek yang dinamakan "orang" yang mempunyai harta yang bernama "Nama", anda boleh mengaksesnya seperti ini: person.name.

Sebaliknya, kurungan persegi lebih fleksibel. Ia membolehkan anda mengakses sifat menggunakan pembolehubah atau nama atribut yang mungkin tidak pengenal yang sah. Sebagai contoh, jika nama harta mengandungi ruang atau aksara khas, atau ia adalah nombor, anda boleh mengaksesnya seperti ini: orang ['nama harta'].

Bagaimana untuk menambah sifat kepada objek JavaScript yang sedia ada?

Anda boleh menambah sifat ke objek JavaScript yang sedia ada menggunakan notasi titik atau notasi kurungan persegi. Untuk notasi titik anda hanya perlu menggunakan objek sintaks.Property = nilai. Untuk notasi kurungan persegi, sintaks adalah objek ['property'] = nilai. Dalam kedua -dua kes, jika harta itu tidak wujud dalam objek, ia ditambah.

Bagaimana untuk memadam atribut dari objek JavaScript?

Anda boleh menggunakan pengendali "Padam" untuk memadam sifat dari objek JavaScript. Sintaks pengendali "Padam" adalah memadam Object.Property untuk Notasi Point dan Padam Objek ['Property'] untuk notasi kurungan persegi. Ini akan mengeluarkan atribut dan nilainya dari objek.

Apakah kaedah dalam objek JavaScript?

Kaedah

adalah fungsi yang disimpan sebagai harta objek. Mereka digunakan untuk melakukan operasi yang menggunakan data objek. Anda boleh menentukan kaedah dalam objek menggunakan sintaks fungsi seperti berikut: object.methodname = function () { / code /}.

Bagaimana untuk melangkah ke atas sifat objek JavaScript?

anda boleh menggunakan "untuk ... dalam" gelung untuk melangkah ke atas sifat -sifat objek JavaScript. Gelung ini akan melangkah ke atas objek yang begitu banyak sifat, termasuk sifat -sifat yang diwarisi dari rantaian prototaip. Sintaks adalah seperti berikut: untuk (var harta dalam objek) { / code /}.

Apakah kata kunci "ini" dalam objek JavaScript?

Kata kunci "ini" dalam objek JavaScript merujuk kepada objek yang dimiliki. Di dalam kaedah, "ini" merujuk kepada objek pemilik. Dalam pembina, "ini" merujuk kepada objek yang baru dibuat.

Apakah pembina dalam JavaScript?

Pembina dalam JavaScript adalah fungsi khas yang digunakan untuk membuat objek jenis yang sama. Mereka dinamakan dalam huruf besar untuk membezakannya dari fungsi biasa. Kata kunci "baru" digunakan untuk memanggil pembina dan membuat objek baru.

Apakah prototaip objek dalam JavaScript?

Setiap objek JavaScript mempunyai prototaip. Prototaip juga merupakan objek, dan semua objek mewarisi sifat dan kaedah dari prototaipnya. Ini adalah ciri kuat JavaScript kerana ia membolehkan anda menambah sifat atau kaedah baru untuk contoh -contoh jenis objek.

Bagaimana untuk memeriksa sama ada terdapat sifat dalam objek JavaScript?

anda boleh menggunakan kaedah "dalam" atau kaedah "HasownProperty" untuk memeriksa sama ada sifat wujud dalam objek JavaScript. Pengendali "dalam" mengembalikan benar jika harta itu wujud dalam objek atau rantaian prototaipnya. Kaedah "HasownProperty" mengembalikan benar hanya jika harta itu wujud dalam objek itu sendiri.

Apakah pemusnahan objek dalam JavaScript?

Pemusnahan objek dalam JavaScript adalah fungsi yang membolehkan anda mengekstrak sifat dari objek dan mengikatnya kepada pembolehubah. Ini boleh menjadikan kod anda lebih ringkas dan mudah dibaca. Sintaks adalah seperti berikut: var {property1, property2} = objek.

Atas ialah kandungan terperinci Sintaks objek dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!