1. Hormati kepemilikan objek
Jangan menambahkan atribut ke instans atau prototipe;
Jangan menambahkan metode ke instans atau prototipe;
Jangan mendefinisikan ulang metode yang sudah ada.
Cara terbaik untuk melakukannya adalah dengan tidak pernah memodifikasi objek yang bukan milik Anda. Memiliki objek berarti Anda membuatnya, seperti jenis kustom atau literal objek yang Anda buat sendiri. Array dan dokumen jelas bukan milik Anda, mereka ada sebelum kode Anda dieksekusi.
2. Hindari variabel global
Buat variabel global paling banyak, memungkinkan objek dan fungsi lain ada di dalamnya. Lihatlah contoh berikut:
//两个全局量——避免！！
var name = "Nicholas";
fungsi sayName(){
peringatan(nama);
}
Kode ini berisi dua besaran global: nama variabel dan fungsi sayName(). Faktanya, Anda dapat membuat objek yang berisi keduanya, seperti yang ditunjukkan dalam contoh berikut:
//一个全局量——推荐
var Aplikasi Saya = {
name: “Nicholas”,
sayName: function(){
siaga(this.name);
}
};
3. Hindari membandingkan dengan null
Jika nilainya harus berupa jenis referensi, gunakan operator instanceof untuk memeriksa konstruktornya;
Jika nilainya harus berupa tipe dasar, gunakan typeof untuk memeriksa jenisnya;
Jika Anda ingin objek berisi nama metode tertentu, gunakan operator typeof untuk memastikan bahwa metode dengan nama yang ditentukan ada pada objek.
(Di sini saya merekomendasikan kelompok pembelajaran dan pertukaran front-end web saya: 675498134, apakah Anda seorang pemula atau dewa, saya menyambut Anda untuk datang dan belajar dan berkomunikasi, dan berbagi barang-barang kering dari waktu ke waktu, termasuk materi dan tutorial front-end terbaru yang telah saya susun sendiri untuk diberikan kepada Anda, dan ada ahli teknis yang menjelaskan pengetahuan front-end secara langsung setiap hari. Teman pemula dan mahir dipersilakan untuk belajar dan berkomunikasi bersama dan membuat kemajuan bersama. ）
4. Gunakan konstanta
Meskipun Javascrip{filter}t tidak memiliki konsep formal tentang konstanta, itu berguna. Ide memisahkan data dari logika aplikasi ini dapat mengubah data tanpa mengambil risiko menimbulkan kesalahan. Lihatlah contoh berikut:
var Konstanta = {
INVALID_VALUE_MSG: "Nilai tidak valid!",
INVALID_VALUE_URL: "/errors/invalid.php"
};
fungsi validate(value){
if (!value){
siaga(Constants.INVALID_VALUE_MSG);
locatio{filter}n.href = Constants.INVALID_VALUE_URL;
}
}
5. Hindari pencarian global
Mungkin hal terpenting untuk mengoptimalkan kinerja skrip adalah memperhatikan pencarian global. Menggunakan variabel dan fungsi global jelas lebih mahal daripada lokal karena melibatkan pencarian pada rantai ruang lingkup. Lihatlah fungsi berikut:
fungsi updateUI(){
var imgs = document.getElementsByTagName("img");
untuk (var i=0, len=imgs.length; Saya < Len; i++){
imgs[i].title = document.title + " gambar " + i;
}
var msg = document.getElementById("msg");
msg.innerHTML = "Pembaruan selesai.";
}
Fungsi ini mungkin terlihat baik-baik saja, tetapi berisi tiga referensi ke objek dokumen global. Jika ada beberapa gambar di halaman, referensi dokumen dalam perulangan for akan dieksekusi beberapa kali atau bahkan ratusan kali, setiap kali pencarian rantai cakupan akan dilakukan. Dengan membuat variabel lokal yang menunjuk ke objek dokumen, Anda dapat meningkatkan performa fungsi ini dengan membatasi pencarian global sekali:
fungsi updateUI(){
var doc = dokumen;
var imgs = doc.getElementsByTagName("img");
untuk (var i=0, len=imgs.length; Saya < Len; i++){
imgs[i].title = doc.title + " gambar " + i;
}
var msg = doc.getElementById("msg");
msg.innerHTML = "Pembaruan selesai.";
Di sini, pertama-tama tempatkan objek dokumen di variabel doc lokal; Kemudian ganti dokumen asli dengan sisa kode. Dibandingkan dengan versi aslinya, fungsi saat ini hanya memiliki satu pencarian global, yang pasti lebih cepat.
6. Tindakan pencegahan lain untuk kinerja
Metode asli lebih cepat - Jika memungkinkan, gunakan metode asli alih-alih menulis ulang sendiri dengan Javascrip{filter}t sendiri. Metode asli ditulis dalam bahasa yang dikompilasi seperti C/C++, sehingga jauh lebih cepat daripada Javascrip{filter}t. Hal yang paling terlupakan tentang Javascrip{filter}t adalah matematika kompleks yang dapat ditemukan di objek Matematika; Metode ini jauh lebih cepat daripada metode lain yang ditulis dengan Javascrip{filter}t, seperti sinus dan kosinus.
Pernyataan switch lebih cepat - Jika Anda memiliki serangkaian pernyataan if-else yang kompleks, Anda bisa mendapatkan kode yang lebih cepat dengan mengubahnya menjadi satu pernyataan switch. Anda juga dapat menyempurnakan pernyataan switch lebih lanjut dengan mengatur pernyataan kasus dalam urutan dari yang paling mungkin hingga yang paling tidak mungkin.
Operator bit lebih cepat - Saat melakukan operasi matematika, operasi bit lebih cepat daripada operasi Boolean atau aritmatika apa pun. Mengganti operasi aritmatika secara selektif dengan operasi bit dapat sangat meningkatkan kinerja perhitungan kompleks. Logika seperti modulus, logika dan logika jumlah dapat dianggap digantikan dengan operasi bit.
|
Diposting pada 04/12/2017 20.23.14
|
|
|
Diposting pada 05/12/2017 09.33.13