Lakukan sedikit peningkatan kinerja untuk JavaScript!
Artikel ini mencantumkan 24 saran untuk membuat proses pengkodean Anda lebih mudah dan efisien. Mungkin Anda masih pemula dalam JavaScript dan baru saja selesai menulis Hello World Anda sendiri. Ada banyak tips di sini yang akan sangat berguna untuk pekerjaan Anda. Mungkin Anda sudah mengetahui beberapa tipsnya, jadi cobalah menelusuri sekilas dan lihat apakah Anda bisa temukan mereka. Sesuatu yang baru!
Catatan: Artikel ini menggunakan objek konsol Firebug berkali-kali, silakan merujuk ke Firebug Console API . Untuk pengenalan lebih rinci tentang firebug, silakan klik di sini .
1. Gunakan === daripada == Ada dua operator kesetaraan yang berbeda dalam JavaScript: ===|!== dan ==|!=. Sebagai perbandingan, yang pertama lebih layak untuk direkomendasikan. Silakan coba gunakan yang pertama.
"Jika dua objek perbandingan memiliki tipe dan nilai yang sama, === mengembalikan nilai true dan !== mengembalikan false."
– JavaScript: Bagian yang Baik
Namun, jika Anda menggunakan == dan !=, Anda mungkin mengalami beberapa masalah tak terduga saat mengoperasikan tipe data berbeda. JavaScript akan mencoba mengubahnya menjadi string, angka, atau kuantitas Boolean sebelum membuat penilaian kesetaraan.
2. Hindari penggunaan fungsi Eval
Fungsi Eval mengambil string sebagai parameter, mengeksekusi string sebagai pernyataan JavaScript, dan mengembalikan hasilnya (referensi).
Fungsi ini tidak hanya mengurangi efisiensi eksekusi skrip Anda, tetapi juga sangat meningkatkan risiko keamanan karena memberikan terlalu banyak kekuatan pada parameter berupa teks. Jangan gunakan itu!
3. Jangan gunakan tulisan cepat
Secara teknis, Anda dapat menghilangkan sebagian besar kurung kurawal dan titik koma di belakangnya, dan sebagian besar browser akan menjalankan pernyataan berikut dengan benar:
.if(someVariableExists)
x = salah
Namun, bagaimana jika hal ini terjadi:
.if(someVariableExists)
x = salah
panggilanFunctionCall();
Anda mungkin menganggapnya setara dengan pernyataan berikut:
if(someVariableExists) {
x = salah;
panggilanFunctionCall();
}
Sayangnya, hal ini tidak terjadi. Kenyataannya adalah ini setara dengan:
Seperti yang akan Anda lihat, tidak ada lekukan mewah yang bisa menggantikan kawat gigi mewah. Dalam semua kasus, harap tulis kurung kurawal yang jelas dan titik koma terakhir. Kadang-kadang dapat dihilangkan jika hanya ada satu baris, meskipun hal ini sangat tidak disarankan:
if(2 + 2 === 4) mengembalikan 'selesai dengan baik';
Pikirkan lebih banyak tentang masa depan. Misalkan, dalam proses pengembangan di masa depan, Anda perlu menambahkan lebih banyak perintah ke pernyataan if ini? Bukankah Anda harus menambahkan tanda kurung?
if(someVariableExists) {
x = salah;
}
panggilanFunctionCall();