Peraturan Sintaks Penting yang Perlu Anda Patuhi Semasa Menulis Kod JavaScript

JavaScript ialah salah satu bahasa pengaturcaraan yang paling popular untuk pembangunan web, tetapi menulis kod yang bersih dan bebas ralat memerlukan pemahaman yang kukuh tentang sintaksnya.

Di bawah ialah 15 peraturan sintaks penting yang perlu dipatuhi oleh setiap pembangun JavaScript untuk menulis kod yang cekap dan bebas pepijat.

1. Kepekaan Kes
JavaScript adalah sensitif huruf besar-kecil. Ini bermakna pembolehubah dan Pembolehubah adalah dua pengecam yang berbeza. Sentiasa konsisten dengan konvensyen penamaan untuk mengelakkan pepijat halus.

Anda boleh membaca artikel ini untuk Konvensyen Penamaan dalam JavaScript:

https://medium.com/javascript-in-plain-english/javascript-naming-conventions-a-guideline-for-readable-and-maintainable-code-550c1620f04a

2. Titik koma
Walaupun koma bertitik adalah pilihan, amalan terbaik untuk memasukkannya pada akhir pernyataan. JavaScript menggunakan sisipan koma bertitik automatik (ASI), tetapi bergantung pada ini boleh menyebabkan ralat, terutamanya dalam kod kompleks.

biarkan a = 5;
biarkan b = 6;

3. Pendakap Kerinting untuk Blok Kod
Pendakap kerinting {} digunakan untuk mentakrifkan blok kod untuk struktur kawalan seperti if, for, dan while. Tanpa penggunaan pendakap yang betul, kod mungkin tidak dilaksanakan seperti yang dimaksudkan.

jika (x > 0) {
console.log('Positif');
}

4. Pengisytiharan Pembolehubah (let, const, var)
Sentiasa mengisytiharkan pembolehubah sebelum menggunakannya. Gunakan let dan const bukannya var untuk mengelakkan isu angkat. const harus digunakan untuk nilai yang tidak akan berubah.

const pi = 3.1416;
biarkan umur = 25;

5. Mod Tegas
Gunakan "gunakan ketat"; pada permulaan skrip atau fungsi anda untuk menguatkuasakan penghuraian dan pengendalian ralat yang lebih ketat dalam kod JavaScript anda. Ini menghalang penggunaan pembolehubah yang tidak diisytiharkan dan isu berpotensi lain.

"gunakan ketat";
biarkan x = 5;

6. Fungsi
Apabila mentakrifkan fungsi, anda mesti menggunakan kata kunci fungsi atau sintaks fungsi anak panah. Pastikan anda menyertakan kurungan, walaupun fungsi tidak mengambil hujah.

fungsi salam() {
kembali "Hello, Dunia!";
}

// Fungsi anak panah
const salam = () => "Hello, Dunia!";

7. Operator Kesaksamaan (=== vs ==)
Gunakan kesaksamaan yang ketat === dan ketidaksamaan !== bukannya == dan != untuk mengelakkan paksaan jenis, yang boleh membawa kepada hasil yang tidak dijangka.

jika (x === 5) {
console.log('x ialah 5');
}

8. Komen
Tulis ulasan yang jelas untuk menerangkan kod anda. Gunakan // untuk ulasan satu baris dan /* */ untuk ulasan berbilang baris.

// Ini adalah ulasan satu baris

/* Ini ialah
ulasan berbilang baris */

9. Huruf Templat
Daripada menggunakan penggabungan rentetan, gunakan literal templat (backticks `) untuk mencipta rentetan. Ini menjadikan kod lebih mudah dibaca dan membenarkan membenamkan ungkapan secara langsung.

nama const = 'Alice';
console.log(Helo, ${name}!);

10. Tatasusunan dan Objek
Sentiasa gunakan kurungan segi empat sama [] untuk tatasusunan dan kurungan kerinting {} untuk objek. Pastikan anda menggunakan koma dengan betul untuk memisahkan item dalam tatasusunan dan sifat dalam objek.

biar arr = [1, 2, 3];
biarkan obj = { nama: 'Alice', umur: 25 };

11. Tanda kurung dalam Pernyataan Bersyarat
Sentiasa gunakan tanda kurungan () di sekeliling syarat dalam if, while, dan untuk pernyataan. Ini memastikan syarat dinilai dengan betul.

jika (x > 0) {
// buat sesuatu
}

12. Gelung
Pastikan anda menggunakan sintaks yang betul untuk gelung (untuk, sambil, lakukan…semasa). Sentiasa sertakan permulaan, syarat dan kenaikan/pengurangan dalam untuk gelung.

untuk (biar i = 0; i < 10; i ) {
console.log(i);
}

13. Kembalikan Penyata dalam Fungsi
Apabila menggunakan pernyataan pulangan, pastikan ia diikuti dengan ungkapan pada baris yang sama. Jika pemulangan diikuti dengan baris baharu, ia akan kembali tidak ditentukan.

fungsi tambah(a, b) {
kembalikan a b;
// Betul
}

fungsi buggyTambah(a, b) {
kembali
a b; // Mengembalikan tidak ditentukan kerana ASI
}

14. Memusnahkan Tugasan
JavaScript membenarkan anda membongkar nilai daripada tatasusunan atau sifat daripada objek ke dalam pembolehubah yang berbeza menggunakan tugasan yang memusnahkan. Ini boleh memudahkan kod anda.

const [x, y] = [1, 2];
const { nama, umur } = { nama: 'Alice', umur: 25 };

15. Parameter Lalai
Anda boleh menetapkan nilai lalai kepada parameter fungsi untuk mengelakkan isu apabila tiada hujah dihantar.

fungsi salam(nama = 'Tetamu') {
kembalikan Hello, ${name};
}

Dengan mengikuti 15 peraturan sintaks ini, anda boleh memastikan bahawa kod JavaScript anda bersih, boleh diselenggara dan kurang terdedah kepada ralat. Pemahaman dan penggunaan yang betul tentang peraturan ini akan membantu anda mengelakkan perangkap biasa dan menulis kod JavaScript yang cekap.

Atas ialah kandungan terperinci Peraturan Sintaks Penting yang Perlu Anda Patuhi Semasa Menulis Kod JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!