Rangka Kerja CLEAN: Rangka Tindakan tep untuk Menulis Kod JavaScript Bebas Pepijat, Boleh Diselenggara

Petang Jumaat dengan pepijat. Mimpi yang menakutkan.

Tidak, itu bukan mimpi. Ia boleh berlaku. Malah, ia sering berlaku sehingga anda mula tertanya-tanya tentang diri anda dan kemahiran pasukan anda.

Bagaimanakah anda boleh meminimumkan pepijat, bukan?

Saya telah mencipta rangka kerja untuk menyelamatkan anda—Rangka Kerja BERSIH untuk Kod Bersih.

C → Konsistensi adalah raja.

Jadikan kod anda konsisten. Apakah maksudnya, jika anda bertanya?

Apabila anda mula menyelesaikan pepijat, anda melihat nama pembolehubah x, y dan z. Anda tertanya-tanya apa kejadahnya itu. Anda menjejak kembali semua tempat ia digunakan dan mengetahui bahawa ia adalah untuk mengemas kini nama, alamat dan pembolehubah e-mel. Kini, anda mengutuk diri sendiri tentang sebab anda telah menggunakan x, y dan z dan bukannya nama pembolehubah kaum untuk membazirkan petang Jumaat anda yang berharga pada pepijat yang tidak dapat dielakkan.

Jadi, apa yang perlu dilakukan?

Dengan cara saya, ikut panduan gaya. Seperti yang dilakukan oleh Airbnb atau Google. Saya lebih suka Airbnb.

Panduan Gaya Airbnb - https://github.com/airbnb/javascript

Panduan Gaya Google - https://google.github.io/styleguide/jsguide.html

L → Fungsi dan Modul Lean

Hancurkan sekarang, anda semua!

Tertanya-tanya apa dan mengapa saya mencadangkan untuk memecahkan perkara?

Baiklah, Sejukkan badan. Saya tidak mengatakan untuk memecahkan papan kekunci di hadapan anda. Saya cadangkan pecahkan fungsi yang lebih lanjutan yang anda tulis, yang kini sukar dibaca dan memahami perkara yang sedang berlaku. Pecahkannya supaya setiap fungsi melakukan dan melakukan satu perkara dengan baik—seperti fungsi pembantu, membantu kod fungsi asal anda.

Fungsi kecil dan fokus ialah sos rahsia kod yang boleh diselenggara.

E → Pengoptimuman Cekap

Kelajuan diperlukan, tetapi tidak dengan mengorbankan kebolehbacaan dan kod bebas pepijat.

Saya tahu, saya tahu. Anda akan berkata, saya perlu melengkapkan ciri itu dengan lebih cepat kerana tarikh akhir semakin hampir. Sekarang saya akan bertanya kepada anda bagaimana anda akan menyelesaikan pepijat itu dengan kelajuan kilat yang sama seperti anda menulis kod asal.

Tidak mudah. Betul tak?

Tetapi inilah ini. Mulakan dengan menulis ciri anda. Sebaik sahaja anda selesai dan sebelum anda menolak kod anda untuk semakan, tanya diri anda bagaimana anda boleh mengoptimumkan kod tersebut. Sekiranya saya menggunakan peta dan bukannya forEach? Patutkah saya menggunakan untuk...gelung dan bukannya untuk gelung?

Kod yang dioptimumkan ialah kod gembira dan kod gembira membuatkan pembangun gembira.

A → Penjagaan Kod Antik

Kod warisan membosankan, tetapi sebenarnya, ia adalah barang antik yang berdaya maju.

Seseorang menghabiskan banyak masa untuk memahami keperluan dan menjadikannya berfungsi. Anda betul; kadangkala, ia bukan kod terbaik yang dioptimumkan dan boleh dibaca. Tetapi kini berada di tangan anda untuk membetulkannya. Jika masa mengizinkan, faktor semula perlahan-lahan dan tetap. Ambil satu langkah pada satu masa untuk memastikan ciri asal tetap utuh.

Hormati legasi, tetapi jangan takut untuk mendorongnya ke masa depan dengan lembut.

N → Penggunaan Ciri Baharu

Ada sebab mengapa ciri ES6 terus ditambah.

Ia bukan sekadar mainan baharu yang berkilat; mereka adalah kuasa besar baharu untuk menulis kod yang lebih bersih dan cekap. Fungsi anak panah, penstrukturan, dan literal templat ialah pisau Swiss Army bagi JavaScript. Dan jangan lupa tentang pengaturcaraan tak segerak. Janji dan async/menunggu adalah seperti pengawal trafik untuk kod anda, memastikan semuanya berjalan lancar tanpa sebarang timbunan.

Ciri moden menjadikan kod anda lebih ekspresif dan hidup anda lebih mudah.

Bonus: Uji, Nyahpepijat, Ulang

Pangkalan kod yang diuji dengan baik ialah pangkalan kod yang menggembirakan.

Apakah perasaan anda apabila anda menjalani ujian darah dan tidak menemui apa-apa yang penting? Ya, pangkalan kod boleh merasakan cara yang sama jika anda membayangkannya. Malah, jika kod itu diuji dengan baik, peluang untuk mendapat pepijat pada petang Jumaat semakin kecil.

Ujian menulis adalah bonus, tetapi ia adalah satu kemestian untuk dimiliki.

Ingat, anda mempunyai ini! Anda serba lengkap untuk menangani sebarang cabaran JavaScript dengan rangka kerja CLEAN (Konsistensi, Modul Lean, Pengoptimuman yang cekap, penjagaan kod Antik dan penggunaan ciri Baharu). Sekarang pergi ke hadapan dan kod seperti ninja JavaScript anda!

Jika anda suka membaca ini, ikuti saya di Twitter/X untuk membaca lebih lanjut.

Atas ialah kandungan terperinci Rangka Kerja CLEAN: Rangka Tindakan tep untuk Menulis Kod JavaScript Bebas Pepijat, Boleh Diselenggara. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!