Rumah > Artikel > hujung hadapan web > 7 Perkara yang boleh dan tidak boleh dilakukan untuk Menjadikan JavaScript Better_Javascript Tips
Dengan peningkatan prestasi penyemak imbas dan penggunaan mantap antara muka pengaturcaraan HTML5 baharu, volum JavaScript pada halaman web semakin meningkat secara beransur-ansur. Walau bagaimanapun, sekeping pengekodan yang ditulis dengan buruk berpotensi untuk memecahkan keseluruhan tapak web, mengecewakan pengguna dan menghalau bakal pelanggan.
Pembangun mesti menggunakan semua alat dan teknik yang mereka gunakan untuk meningkatkan kualiti kod mereka dan yakin bahawa pelaksanaan boleh diramal setiap masa. Ini adalah topik yang dekat di hati saya dan saya telah bekerja selama bertahun-tahun untuk mencari satu set langkah untuk diikuti dalam proses pembangunan untuk memastikan bahawa hanya kod kualiti tertinggi dikeluarkan.
Hanya mengikut tujuh langkah ini akan meningkatkan kualiti projek JavaScript anda. Menggunakan aliran kerja ini, ralat akan dikurangkan dan banyak proses dioptimumkan, membolehkan pengguna mendapat pengalaman menyemak imbas yang menyenangkan.
01. Kod
Mula-mula panggil mod ketat ECMAScript5 dan perisytiharan "mod ketat" dalam fungsi anda, dan gunakan corak reka bentuk modul untuk meminimumkan kesan global modul kod bebas kotak pasir dalam penutupan fungsi laksana sendiri Gunakan pembolehubah dalam modul, melalui sebarang kebergantungan luaran, untuk memastikan pembolehubah global jelas dan ringkas. Hanya gunakan pustaka dan rangka kerja pihak ketiga yang mantap, terbukti, diuji dan terbukti, dan pastikan fungsi anda kecil dan dipisahkan daripada operasi modul anda dan kod lapisan paparan lain Mana-mana logik atau data perniagaan.
Projek yang lebih besar dengan berbilang pembangun harus mengikut set prinsip pengekodan yang ditetapkan, seperti panduan gaya JavaScript Google, dan memerlukan peraturan pengurusan kod yang lebih kukuh, termasuk penggunaan async melalui pustaka seperti RequireJS, menggunakan Definisi Module pengurusan pakej (AMD) untuk ketat. pengurusan pergantungan, gunakan pengurusan pembungkusan Bower atau Jam (alat pengurusan perpustakaan pelanggan) untuk merujuk versi tertentu bagi fail pergantungan anda dan mengguna pakai corak reka bentuk struktur seperti corak Pemerhati untuk kemudahan Komunikasi yang digandingkan secara longgar antara modul kod anda yang berbeza. Ia juga merupakan idea yang bijak: gunakan sistem repositori kod seperti Git atau Subversion, minta kod anda disandarkan dalam awan melalui beberapa perkhidmatan seperti Kod Sumber atau Beanstalk, sediakan keupayaan untuk memulihkan kepada versi sebelumnya dan, Projek yang lebih maju mencipta cabang kod untuk melaksanakan fungsi yang berbeza dan menggabungkannya bersama sebelum selesai.
02.Fail
Gunakan format blok ulasan berstruktur seperti YUIDoc atau JsDoc untuk mendokumentasikan fungsi, jadi mana-mana pembangun boleh memahami tujuannya tanpa perlu mengkaji kodnya, yang mengurangkan salah faham. Gunakan sintaks Markdown untuk membuat ulasan dan penjelasan yang lebih kaya dan panjang. Gunakan alat baris arahan yang berkaitan untuk menjana dokumentasi secara automatik untuk tapak web anda: berdasarkan ulasan struktur ini, ia selaras dengan keadaan terkini sebarang perubahan yang dibuat dalam kod anda.
03 Analisis prestasi lepas
Sentiasa jalankan alat analisis kod statik seperti JSHint atau JSLint pada kod anda. Ini menyemak kelemahan pengekodan yang diketahui dan kemungkinan ralat, seperti terlupa menggunakan mod ketat atau merujuk pembolehubah yang tidak diisytiharkan, dan kurungan atau koma bertitik hilang. Alat kawalan untuk membetulkan sebarang isu untuk meningkatkan kualiti kod anda. Cuba tetapkan pilihan lalai untuk pasukan projek anda untuk menguatkuasakan piawaian pengekodan, seperti menginden setiap baris mengikut ruang, tempat meletakkan pendakap kerinting dan bilangan petikan tunggal atau berganda yang digunakan sepanjang fail kod.
04. Ujian
Ujian unit ialah sekeping kecil fungsi bebas yang melaksanakan salah satu fungsi daripada pangkalan kod utama anda dengan input khusus untuk mengesahkan bahawa ia mengeluarkan nilai yang dijangkakan. Untuk meningkatkan keyakinan anda bahawa kod akan berfungsi seperti yang diharapkan, tulis ujian unit menggunakan rangka kerja seperti Jasmine atau QUnit untuk setiap fungsi, dengan parameter input yang dijangka dan tidak dijangka. Tetapi jangan lupa kes tepi itu!
Menjalankan ujian ini pada berbilang penyemak imbas merentas berbilang sistem pengendalian, dengan memanfaatkan perkhidmatan seperti BrowserStack atau Sauce Labs, membolehkan anda mempercepatkan ujian atas permintaan mesin maya dalam awan. Kedua-dua perkhidmatan ini menyediakan API yang membolehkan ujian unit anda dijalankan secara automatik pada berbilang penyemak imbas secara serentak, dan hasilnya akan dimaklumkan kepada anda sebaik sahaja ia selesai. Sebagai bonus, jika kod anda disimpan di GitHub, anda boleh memanfaatkan BrowserSwarm, alat yang menjalankan ujian unit anda secara automatik apabila anda menyerahkan kod anda.
05. Pengukuran
Alat liputan kod seperti Istanbul mengukur baris kod yang telah dilaksanakan apabila ujian unit anda dijalankan terhadap fungsi anda, melaporkannya sebagai peratusan daripada jumlah baris kod. Menjalankan alat liputan kod terhadap ujian unit anda dan menambahkan ujian tambahan boleh meningkatkan skor liputan anda kepada 100%, memberikan anda keyakinan yang lebih besar dalam kod anda.
Kerumitan fungsi boleh diukur menggunakan Metrik Kerumitan Halsted: persamaan yang dibangunkan oleh saintis komputer Maurice Halsted pada tahun 1970-an Kerumitan fungsi diukur dari segi gelung, cawangan, dan lelaran yang mengandungi panggilan untuk mengukur: Fungsi kerumitan boleh diukur menggunakan ukuran kerumitan Halstead. Apabila skor kerumitan ini dikurangkan, ia menjadi lebih mudah untuk kita memahami dan mengekalkan fungsi, mengurangkan kemungkinan ralat. Alat baris arahan PLATO mengukur dan menjana visualisasi kerumitan kod JavaScript, membantu mengenal pasti ciri yang boleh dipertingkatkan, sambil menyimpan hasil sebelumnya, membolehkan kemajuan kualiti dijejaki dari semasa ke semasa.
06. Automasi
Gunakan pelari tugas seperti Grunt untuk mengautomasikan proses dokumentasi, analisis, ujian, liputan dan penjanaan laporan kerumitan, menjimatkan masa dan usaha anda serta meningkatkan peluang anda untuk menyelesaikan sebarang isu kualiti yang timbul. Kebanyakan alatan dan rangka kerja ujian yang diserlahkan dalam artikel ini dikaitkan dengan Grunt, yang boleh membantu anda meningkatkan aliran kerja dan kualiti kod anda tanpa perlu mengangkat jari.
07. Mengendalikan pengecualian
Selalunya, pada satu ketika, kod anda akan menimbulkan ralat apabila ia dijalankan. Gunakan pernyataan "cuba...tangkap" untuk mengendalikan ralat masa jalan dengan sewajarnya dan mengehadkan kesan gelagat pada tapak anda. Gunakan perkhidmatan rangkaian untuk log ralat masa jalan. Dan gunakan maklumat ini untuk menambah ujian unit baharu untuk menambah baik kod anda dan menghapuskan pepijat ini satu demi satu.
Langkah Menuju Kejayaan
Tujuh langkah ini membantu saya mencipta beberapa kod yang paling saya banggakan dalam kerjaya saya setakat ini. Mereka juga merupakan asas yang hebat untuk masa depan. Berkomitmen untuk menggunakan langkah-langkah ini untuk menghasilkan kod JavaScript berkualiti tinggi dalam projek anda sendiri, dan mari kita bekerjasama untuk menambah baik web, satu langkah pada satu masa dalam perjalanan anda menuju kejayaan.