Linting JavaScript s JSHint

Linting v računalniškem programiranju je proces statična analizna koda, da bi našli težave, kot je napačna sintaksa, in neuporaba kode. Orodje za lintanje je znano kot a lint ali linter. Eden od linter, ki je danes na voljo za JavaScript, je JSHint.

JSHint je na voljo za več platform. Spletno spletno orodje, s katerim poznamo večino od nas, je na jshint.com. Obstajajo tudi orodje ukazne vrstice prek Node.js, a JavaScript API, več urejevalnikov besedila in vtičnikov IDE za JSHint. Celoten seznam razpoložljivih orodij JSHint za različna okolja si lahko ogledate na strani za prenos in namestitev na spletni strani JSHint..

V skladu z njegovo spletno stranjo sta najpogostejša načina uporabe orodja JSHint orodje ukazne vrstice in API. Oglejmo si, kako lahko prenesete oboje, skupaj z drugimi optisnimi orodji, ki jih nudijo.

Z orodjem ukazne vrstice

(1) Če nimate nameščenega Node.js v računalniku, boste morali iti na njegovo spletno mesto in ga najprej prenesti in namestiti. Če želite preveriti, ali je bil Node.js uspešno nameščen, lahko zaženete ukaz npm -verzija v vmesniku ukazne vrstice (CLI) in vam bo pokazal različico Node.js v vašem računalniku (ali pa lahko zaženete ukaz npm in poglej, kaj se zgodi.

(2) Če želite namestiti orodje JSHint, zaženite ukaz npm namestite jshint v CLI. Če želite preveriti, ali je bil JSHint uspešno nameščen, zaženite ukaz jshint -version , da si ogledate njegovo različico. Ko je ta korak končan, je namestitev končana.

(3) Če želite zagnati orodje, pojdite v imenik v ukazni vrstici, kjer je vaša datoteka JavaScript (recite test.js) je in zaženite ukaz jshint test.js. Pojavi se rezultat analize orodja za vašo JavaScript kodo (nekaj takega):

Preko API-ja JavaScript

(1) Prenesite stisnjeno datoteko iz te povezave GitHub in jo razširite. V dist v mapi boste našli jshint Datoteka JS (knjižnica API).

(2) Če želite uporabiti API, dodajte jshint JS datoteko v vašem projektu in jo povežite z vašo stranjo. Dostop do API-ja je mogoč v JavaScript kodi z uporabo funkcije / objekta, imenovanega JSHINT. Spodaj je vzorčna koda HTML, kjer se JSHintov JavaScript API uporablja za analizo JavaScript kode, ki je prisotna v vir in prikaže rezultate analize na strani.

(3) Prešli smo vir matriko, ki vsebuje izvorno kodo JavaScript, ki jo je treba analizirati in opcije predmet, ki vsebuje možnosti vstavljanja lintov (gremo v opcije kmalu) kot parametri JSHINT funkcijo. Rezultat analize (objekt JSON) je pridobljen iz JSHINTFunkcija funkcije se imenuje podatkov.

(4) JSON.stringify se uporablja samo za prikaz tukaj, da prikaže rezultat, vrnjen iz podatkov funkcijo v obliki niza na strani. The lep Niz JSON je videti takole. Poudarjeni deli so napake, ki jih je našel JSHint v preprostih stavkih.

Možnosti lintinga

Možnosti lintinga omogočajo konfiguriranje procesa lintinga. Lahko določimo, katere vrste napak ali wanring je treba linted in ki ne. V prejšnjem primeru sta bili uporabljeni dve linting možnosti undef in neuporabljeno.

undef možnost označuje neprijavljene spremenljivke in neuporabljeno bo označila spremenljivke, ki so bile deklarirane, vendar niso bile nikoli uporabljene. Tako je na voljo veliko več možnosti, ki jih lahko vidite na tej strani, če želite iskati možnost, je v zgornjem desnem kotu na voljo iskalna vrstica..

Če uporabljate orodje CLI prek Node.js, lahko zapišete možnosti linting znotraj a package.json spis pod premoženjem jshintConfig v istem imeniku. Možnosti lahko dodate tudi kot direktive v kodi JavaScript.

 // - test.js - / * jshint undef: true, unused: true * / foo (); a = 7;

Na voljo je več načinov za konfiguriranje možnosti lintinga v vašem projektu na podlagi orodja, ki ga uporabljate. Oglejte si različne načine konfiguracijo tukaj.