Rumah >hujung hadapan web >tutorial js >Beberapa petua pengoptimuman JavaScript praktikal yang patut diketahui
Dalam kerja kami, kami selalunya boleh meningkatkan kebolehbacaan kod melalui beberapa butiran kecil dan menjadikan kod kelihatan lebih elegan. Artikel ini akan berkongsi dengan anda beberapa petua pengoptimuman JavaScript praktikal yang boleh anda fahami sepintas lalu. Saya harap ia akan membantu anda!
「Kesukaran:?」 「Masa bacaan yang disyorkan: 5min
」
if...else
fungsi Sudah tiba masanya untuk memikirkan sama ada terdapat kaedah pengoptimuman yang lebih baik. [Cadangan berkaitan: tutorial pembelajaran javascript]if...else
pada logik dalaman juga melanggar prinsip pembuka dan penutup pada tahap tertentu Apabila kita perlu menambah logik, kita harus mencuba yang terbaik untuk menyelesaikan permintaan perubahan dengan memanjangkan entiti perisian dan bukannya mengubah suai kod sedia ada untuk melengkapkan perubahan. Map
untuk menyimpan semua produk Di sini kami terus mencipta objek untuk penyimpanan. getPrice
apabila kita perlu menambah produk lain, sudah tentu, lebih banyak lagi orang seperti ini Gunakan foodMap
terus di mana ia digunakan Saya hanya memberikan contoh mudah untuk menyatakan idea ini. key
hanya menggunakan rentetan Kemudian anda boleh menggunakan new Map
Idea ini adalah serupa .
filter
dan map
untuk menggantikan gelung for
bukan sahaja boleh menjadikan kod lebih diperkemas, tetapi juga membuat semantik. lebih jelas, jadi Kita boleh melihat sepintas lalu bahawa tatasusunan 过滤
diproses dahulu dan kemudian 重组
. find
dimainkan apabila mencari makanan tertentu dalam tatasusunan berdasarkan nilai atribut. includes
. return
, kerana kita perlu menjelaskan logik sekali lagi apabila kita merujuk kepada kod ini pada masa akan datang. result
sebagai nilai pulangan. Walau bagaimanapun, menggunakan result
sebagai nilai pulangan di atas tidak terpakai untuk semua situasi Kadangkala kita perlu menamatkan badan fungsi lebih awal untuk mengelakkan Rakan Sekerja di belakang membaca prosedur yang berlebihan.
Dalam contoh berikut, apabila selectedKey
kita tidak wujud, kita harus segera return
, supaya kita tidak perlu terus membaca kod berikut, jika tidak, ia akan meningkat apabila menghadapi fungsi yang lebih kompleks.
getDocDetail
bukan sahaja menggunakan icon
dan content
, ia juga mungkin mempunyai atribut seperti title
dan date
pada masa hadapan, jadi kita juga boleh lulus. dalam objek lengkap secara langsung bukan sahaja memendekkan senarai parameter menjadikan kod lebih mudah dibaca. null
atau tidak ditentukan, anda boleh menggunakan kaedah penulisan mudah. [Cadangan tutorial video berkaitan: bahagian hadapan web]
Atas ialah kandungan terperinci Beberapa petua pengoptimuman JavaScript praktikal yang patut diketahui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!