Panduan Terbaik untuk Ciri dan Konsep JavaScript

JavaScript ialah bahasa serba boleh dengan set ciri yang kaya. Sama ada anda seorang pemula atau pembangun lanjutan, menguasai konsep ini boleh membantu anda menulis kod yang cekap dan mantap. Di bawah ialah gambaran keseluruhan menyeluruh topik dan ciri JavaScript utama:

---

Pembolehubah dan Jenis Data

Mengisytiharkan Pembolehubah

• var: Berskop fungsi, boleh diisytiharkan semula dan dinaikkan.
• biar: Berskop blok, tidak boleh diisytiharkan semula dalam blok yang sama.
• konst: Rujukan tidak boleh ubah berskop blok (nilai masih boleh berubah jika ia adalah objek).

Jenis Primitif

• rentetan, nombor, boolean, null, undefined, simbol, bigint.

Jenis Rujukan

• Objek, Tatasusunan dan Fungsi.

---

Struktur Kawalan

• jika, lain, lain jika: Pelaksanaan bersyarat.
• suis: Sintaks yang lebih bersih untuk berbilang keadaan.

---

Gelung

• untuk, semasa, buat sambil: Untuk tugas berulang.
• untuk...daripada: Berulang pada objek boleh lelar seperti tatasusunan atau rentetan.
• untuk…dalam: Berulang pada sifat objek.

---

Fungsi

Jenis Fungsi

1. Pengisytiharan Fungsi:

   function greet() { console.log("Hello!"); }

1. Ungkapan Fungsi:

   const greet = function() { console.log("Hello!"); };

1. Fungsi Anak Panah:

   const greet = () => console.log("Hello!");

Konsep Lanjutan

• Ungkapan Fungsi Dipanggil Serta-merta (IIFE):

  (function() { console.log("IIFE!"); })();

• Fungsi Tertib Lebih Tinggi: Fungsi yang mengambil fungsi lain sebagai hujah atau mengembalikannya.
• Fungsi Panggilan Balik: Fungsi diluluskan sebagai hujah untuk tingkah laku tak segerak atau didorong oleh peristiwa.

---

Janji

Janji digunakan untuk mengendalikan operasi tak segerak.

Kaedah Utama:

• Promise.all(): Selesai apabila semua janji selesai.
• Promise.resolve(): Mengembalikan janji yang telah diselesaikan.
• Promise.then(): Mengendalikan nilai yang diselesaikan.
• Promise.any(): Menyelesaikan dengan janji pertama yang ditepati.
• Promise.race(): Menyelesaikan/menolak dengan janji pertama untuk diselesaikan.
• Promise.reject(): Mengembalikan janji yang ditolak.

---

Async/Tunggu

Gula sintaksis atas Janji untuk menulis kod tak segerak yang kelihatan segerak.

---

Penutupan

Penutupan ialah fungsi yang mengekalkan akses kepada skop induknya walaupun selepas fungsi induk telah dikembalikan.

   function greet() { console.log("Hello!"); }

---

Skop dan Pengangkatan

Jenis Skop

• Skop Global: Pembolehubah boleh diakses di mana-mana sahaja.
• Skop Fungsi: Pembolehubah diisytiharkan dalam fungsi.
• Skop Blok: Pembolehubah diisytiharkan dengan let dan const di dalam blok.

Mengangkat

• Pembolehubah yang diisytiharkan dengan var dinaikkan tetapi dimulakan sebagai tidak ditentukan.
• Pengisytiharan fungsi dinaikkan dengan takrifnya.

---

Gelung Acara dan Barisan Tugasan

• gelung peristiwa mengurus pelaksanaan kod tak segerak dengan mengalihkan tugasan daripada baris gilir tugas (tugasan makro) atau tugas mikro ke timbunan panggilan.

---

Konsep Lanjutan

Melantun dan Mendikit

• Melantun: Menangguhkan pelaksanaan sehingga selepas jeda dalam acara.
• Pendikit: Memastikan pelaksanaan berlaku sekali sahaja dalam selang waktu tertentu.

Karipap

Menukar fungsi dengan berbilang argumen kepada satu siri fungsi yang mengambil satu argumen setiap satu.

---

Kaedah Terbina Dalam

Kaedah Tatasusunan

• Mengubah Suai Tatasusunan: push(), pop(), shift(), unshift(), splice().
• Kaedah Tidak Bermutasi: map(), filter(), reduce(), forEach().

Kaedah Objek

• Object.keys(), Object.values(), Object.entry().
• Object.assign(), Object.freeze(), Object.seal().

Kaedah Rentetan

• charAt(), includes(), slice(), split(), trim().

Kaedah Tarikh

• Date.now(), getDate(), getMonth(), setFullYear().

---

Prototaip dan Kelas

Prototaip

• Setiap objek JavaScript mempunyai prototaip, yang membenarkan pewarisan.
• Memahami rantaian prototaip adalah penting untuk JavaScript berorientasikan objek.

Kelas

• ES6 memperkenalkan sintaks kelas sebagai gula sintaktik berbanding prototaip.
• Ciri termasuk pembina, warisan, getter/setters dan kaedah statik.

---

Pengendalian Ralat

• cuba...tangkap...akhirnya: Untuk menangkap ralat masa jalan.
• Ralat Tersuai: Cipta kelas ralat untuk pengendalian ralat yang lebih baik.

---

Pengendalian Acara

• Menambahkan pendengar acara: addEventListener().
• Menghalang tingkah laku lalai: event.preventDefault().
• Delegasi acara untuk manipulasi DOM yang cekap.

---

Ciri JavaScript Moden

• Templat Huruf:

   function greet() { console.log("Hello!"); }

• Memusnahkan:

   const greet = function() { console.log("Hello!"); };

• Operator Sebarkan dan Rehat:

   const greet = () => console.log("Hello!");

---

Pelbagai Topik

• LocalStorage dan SessionStorage: Untuk kegigihan data pihak pelanggan.
• Ungkapan Biasa (RegExp): Padanan corak dalam rentetan.
• Penjana: Fungsi yang menghasilkan nilai secara malas.
• Proksi JavaScript: Memintas dan mentakrifkan semula operasi asas.
• WeakMap dan WeakSet: Dioptimumkan untuk pengurusan memori.
• Pekerja Perkhidmatan: Dayakan kefungsian luar talian untuk PWA.
• JSON: Menghuraikan dan menyusun data untuk API.

---

Panduan ini cuba merangkumi pelbagai topik dalam JavaScript, tetapi sentiasa ada lagi untuk diterokai. Jika saya terlepas sebarang ciri atau anda inginkan butiran lanjut, sila kongsi maklum balas anda!

---

Atas ialah kandungan terperinci Panduan Terbaik untuk Ciri dan Konsep JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!