Kata pengantar
JShint digunakan untuk menganalisis dan memverifikasi bahwa kode JavaScript sesuai dengan aturan pengkodean Anda. Alat yang kuat ini dapat membantu menemukan kesalahan dan masalah dalam kode Anda, dan memaksa tim Anda untuk mempertahankan konvensi dan gaya pengkodean tertentu, membuat kode ini dapat diandalkan dan lebih mudah dibaca.
Di artikel ini, saya akan menunjukkan cara menginstal, mengkonfigurasi, dan menggunakan JShint. Juga disertakan adalah contoh yang mencantumkan beberapa editor favorit saya yang dapat menggunakan JShint.
Instal JShint
Menginstal JShint sangat mudah, Anda dapat menggunakan Node Package Manager (NPM). Jika Anda belum menginstal NPM, Anda dapat mengunduh versi terbaru dari situs web NodeJS untuk menginstal Node.js dan NPM.
Setelah NPM diinstal, Anda dapat menggunakan perintah berikut untuk menginstal JShint:
NPM Instal JShint -G
Parameter -g memberi tahu npm bahwa kami ingin menginstal secara global sehingga kami dapat memanggil perintah ini di direktori apa pun.
Periksa kode melalui baris perintah
Sekarang JShint diinstal, mari kita gunakan jshint di baris perintah untuk menganalisis file kode JavaScript.
Berikut adalah file dengan nama file demo1.json:
Kami menggunakan perintah berikut untuk menganalisis kode:
JShint Demo1.js
JShint memberitahu kita ada kesalahan pada baris 8 dari file demo1.js, alasan: titik koma hilang.
Jika kita mengisi titik koma yang hilang dan menjalankan perintah ini lagi, tidak akan ada output pesan kesalahan.
Konfigurasikan JShint
JShint memiliki konfigurasi default untuk menganalisis kode Anda, tetapi pengaturan konfigurasinya dirancang agar sangat fleksibel. Ada empat cara untuk menyediakan file pemrosesan konfigurasi untuk JShint.
Salah satu caranya adalah dengan menggunakan parameter --config untuk menentukan file konfigurasi:
jshint demo1.js --config config.json
Cara lain adalah dengan memasukkan konfigurasi ke dalam file yang disebut .jshIntrc, karena JShint akan mencari file konfigurasi ini di direktori level yang sama untuk analisis kode. Jika tidak ditemukan, itu akan terus mencari direktori atas sampai direktori root, yang memungkinkan kami untuk mengatur file konfigurasi yang berbeda untuk suatu proyek.
Metode ketiga adalah menempatkan informasi konfigurasi di bawah properti jshintconfig dari file package.json.
Dalam salah satu dari ketiga metode ini, informasi konfigurasi adalah format JSON untuk menentukan setiap parameter untuk memberi tahu opsi JShint untuk hidup atau mati. Misalnya: "tidak digunakan" dan "undef" dalam file konfigurasi berikut adalah untuk mengaktifkan alarm untuk variabel yang tidak digunakan dan tidak terdefinisi. "Curly" mengharuskan Anda untuk selalu meletakkan kawat gigi di loop dan blok bersyarat. "Eqeqeq" berarti bahwa == dan! = dilarang, tetapi harus digunakan === dan! ==. "Globals" digunakan untuk menentukan daftar putih variabel global yang tidak didefinisikan dalam kode.
Metode keempat adalah menulis informasi konfigurasi ke dalam file kode dalam anotasi.
Anda dapat melihat berbagai opsi konfigurasi untuk mengontrol perilaku JShint.
Contoh kecil
Selanjutnya, mari kita beroperasi pada opsi di file konfigurasi config.json yang disebutkan di atas. Misalkan kita memiliki file JavaScript di bawah ini, yang hanya sepotong kecil kode untuk belajar saja.
Jika kami menjalankan JShint Command demo2.js --config config.json , kami akan mendapatkan hasil berikut:
Ada 4 kesalahan dalam kode kami. Pada baris 9, JShint meminta blok kode "jika" harus dibungkus dengan kawat gigi. Variabel subscription_id didefinisikan tetapi tidak digunakan. Dalam baris 9 dan 11, "konfirmasi" dan "konsol" tidak ditentukan.
Kita dapat menghindari dua kesalahan pertama hanya dengan sedikit modifikasi:
Sekarang, mari kita tambahkan opsi kembangkan di file config.json dan atur ke true sehingga jshint dapat mengenali "konfirmasi" dan "konsol".
Pada titik ini, jika kita menjalankan perintah JShint lagi, tidak akan ada kesalahan.
Meringkaskan
JShint adalah alat yang sangat baik untuk mengurangi kesalahan kode. Banyak editor memberikan dukungan JShint. Teman -teman yang hanya tertarik dapat mempelajari lebih lanjut JShint. Di atas adalah semua tentang menggunakan JShint untuk mengurangi kesalahan JavaScript. Saya harap ini akan membantu semua orang menggunakan JavaScript.