Linting JavaScript s JSHint

ostavlja dlačice u računalnom programiranju je proces statički analizirajući kod kako biste pronašli probleme kao što je pogrešna sintaksa i sumnjivo korištenje koda. Alat koji se koristi za lintiranje poznat je kao a otpaci od prediva ili Linter. Jedan od lintera za JavaScript danas je JSHint.

JSHint je dostupan za više platformi. Online web alat koji većina nas poznaje je na jshint.com. Tu su i alat za naredbeni redak preko Node.js, JavaScript API, više uređivača teksta i IDE dodataka za JSHint. Potpuni popis dostupnih JSHint alata za različita okruženja možete vidjeti na stranici za preuzimanje i instalaciju JSHint web-mjesta.

Prema njegovoj web stranici, dva najčešća načina na koje se JSHint alat koristi su kao alat za naredbeni redak i API. Pogledajmo kako možete preuzeti oba, zajedno s drugim optisnim alatima.

Pomoću alata za naredbeni redak

(1) Ako na računalu nemate instaliran Node.js, morat ćete ići na njegovu web-lokaciju i najprije ga preuzeti i instalirati. Da biste provjerili je li Node.js uspješno instaliran, možete pokrenuti naredbu npm -verzija u sučelju naredbenog retka (CLI) i prikazat će vam verziju Node.js na vašem računalu (ili možete pokrenuti naredbu NPM i vidi što se događa.

(2) Da biste instalirali JSHint alat, pokrenite naredbu npm instalirajte jshint u CLI. Ako želite provjeriti je li JSHint uspješno instaliran, pokrenite naredbu jshint -version da biste vidjeli njegovu verziju. Kada se taj korak završi, instalacija je dovršena.

(3) Da biste pokrenuli alat, idite na direktorij u CLI-u gdje je vaša JavaScript datoteka (recite test.js) je i pokrenite naredbu jshint test.js. Pojavit će se rezultat analize alata na JavaScript kodu (nešto slično ovome):

Preko JavaScript API-ja

(1) Preuzmite komprimiranu datoteku s ove GitHub veze i raspakirajte je. U dist u mapi pronaći ćete jshint JS datoteka (API biblioteka).

(2) Da biste koristili API, dodajte jshint JS datoteku na vaš projekt i povezati ga na svoju stranicu. API-ju se može pristupiti u JavaScript kodu pomoću funkcije / objekta koji se zove JSHINT. U nastavku se nalazi uzorak HTML koda gdje se JSHintov JavaScript API koristi za analizu JavaScript koda prisutnog u izvor i prikaz rezultata analize na stranici.

(3) Prošli smo izvor niz koji sadrži JavaScript izvorni kod za analizu i opcije objekt koji sadrži opcije linting (ući ćemo u opcije ukratko) kao parametri za JSHINT funkcija. Rezultat analize (JSON objekt) je preuzet iz JSHINTSvojstvo funkcije funkcije podaci.

(4) JSON.stringify se koristi samo za prikaz ovdje, za prikaz rezultata dobivenih iz podaci funkcija u obliku niza na stranici. uljepšan Niz JSON izgleda ovako. Označeni dijelovi su pogreške koje je JSHint pronašao u jednostavnim rečenicama.

Mogućnosti lintinga

Opcije lintinga omogućuju nam da konfiguriramo proces lintinga. Možemo odrediti koja vrsta grešaka ili poteškoća treba biti označena i koje ne. U prethodnom primjeru korištene su dvije opcije lintinga undef i neupotrijebljen.

undef opcija označava neprijavljene varijable i neupotrijebljen označit će varijable koje su deklarirane, ali nikada nisu korištene. Kao i ove, postoji mnogo više opcija koje možete vidjeti na popisu na ovoj stranici, ako želite pretraživati ​​opciju, u gornjem desnom kutu nalazi se traka za pretraživanje.

Ako koristite CLI alat preko Node.js, možete napisati opcije za linting unutar a package.json pod imovinom jshintConfig u istom direktoriju. Možete dodati i opcije kao smjernice u JavaScript kodu.

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

Postoji više načina za konfiguriranje opcija lintinga u projektu na temelju alata koji koristite. Pogledajte različite načine konfiguracija ovdje.