Saat menulis kode pemrograman apa pun, pengembang yang berbeda akan memiliki pendapat berbeda. Namun ada baiknya untuk selalu merujuknya, dan berikut adalah 14 tips menulis kode JS terbaik dari Javascript Toolbox , diterjemahkan oleh Sofish ( 1 , 2 ).
1. Selalu gunakan 'var'
Dalam JavaScript, variabel memiliki cakupan global atau fungsi, dan menggunakan kata kunci "var" akan menjadi kunci untuk menjaga variabel tetap ringkas dan jelas. Saat mendeklarasikan variabel tingkat global atau fungsi, selalu tambahkan kata kunci "var". Contoh berikut akan menyoroti potensi masalah jika tidak melakukan hal ini.
Masalah yang disebabkan karena tidak menggunakan Var
var i=0; // Ini bagus - membuat variabel global
tes fungsi() {
untuk (saya=0; saya<10; saya++) {
alert("Halo Dunia!");
}
}
tes();
alert(i); // Variabel global i sekarang adalah 10!
Karena variabel i pada variabel fungsi tidak menggunakan var untuk menjadikannya variabel tingkat fungsi, maka dalam contoh ini mengacu pada variabel global. Merupakan praktik umum untuk selalu menggunakan var untuk mendeklarasikan variabel global, namun sangat penting untuk menggunakan var untuk mendefinisikan variabel lingkup fungsi. Dua metode berikut ini setara secara fungsional:
fungsi yang benar
tes fungsi() {
var i=0;
untuk (saya=0; saya<10; saya++) {
alert("Halo Dunia!");
}
}
fungsi yang benar
tes fungsi() {
untuk (var i=0; i<10; i++) {
alert("Halo Dunia!");
}
}
2. Deteksi fitur, bukan deteksi browser
Beberapa kode ditulis untuk menemukan versi browser dan melakukan tindakan berbeda berdasarkan klien yang digunakan pengguna. Secara umum, ini adalah praktik yang sangat buruk. Pendekatan yang lebih baik adalah dengan menggunakan deteksi fitur. Sebelum menggunakan fitur lanjutan yang mungkin tidak didukung oleh browser lama, periksa terlebih dahulu apakah (browser) memiliki fungsi atau fitur ini, lalu gunakan. Lebih baik mendeteksi versi browsernya saja, meskipun Anda mengetahui kinerjanya. Anda dapat menemukan artikel mendalam yang membahas masalah ini di http://www.jibbering.com/faq/faq_notes/not_browser_detect.html .
contoh:
if (dokumen.getElementById) {
var elemen = document.getElementById('IdSaya');
}
kalau tidak {
alert('Browser Anda tidak mempunyai kemampuan yang diperlukan untuk menjalankan skrip ini!');
}
Sumber: Favorit Bahagia