A JavaScript használata a JSHint használatával

bolyhosodé a számítógépes programozásban a folyamat statikus elemző kód, hogy olyan problémákat találjon, mint a rossz szintaxis, és a kód iffy használata. A szöszeléshez használt szerszám a lint vagy szőtt. Az egyik JavaScript-szel elérhető a JSHint.

A JSHint több platformra is elérhető. Az online webes eszköz, amelyet a legtöbbünk ismer, a jshint.com oldalon található. Vannak még a parancssori eszköz a Node.js segítségével, egy JavaScript API, több szövegszerkesztő és IDE plugin a JSHint számára. A rendelkezésre álló JSHint eszközök teljes listáját a különböző környezetekben a JSHint weboldal letöltési és telepítési oldalán találja.

Honlapja szerint a JSHint eszköz két leggyakoribb módja az parancssori eszköz és a API. Vessünk egy pillantást arra, hogyan tölthet le mindkettőt, más eszközökkel együtt.

Parancssori eszköz segítségével

(1) Ha nincs telepítve Node.js a számítógépére, akkor el kell mennie a webhelyére, és először le kell töltenie és telepítenie kell. A Node.js sikeres telepítésének ellenőrzéséhez futtathatja a parancsot npm -váltás a parancssori felületen (CLI), és megmutatja a számítógépen a Node.js verzióját (vagy csak futtathatja a parancsot) NPM és nézze meg, mi történik).

(2) A JSHint eszköz telepítéséhez futtassa a parancsot npm telepítse a jshint-et a CLI-ben. Ha ellenőrizni szeretné, hogy a JSHint sikeresen telepítve van, futtassa a parancsot jshint -version hogy megnézze annak verzióját. Ha ez a lépés befejeződött, a telepítés befejeződött.

(3) Az eszköz futtatásához lépjen a CLI könyvtárába, ahol a JavaScript-fájl (mondjuk test.js) a parancsot futtatja és futtatja jshint test.js. Megjelenik a szerszám elemzésének eredménye a JavaScript-kódodon (valami ilyesmi):

A JavaScript API segítségével

(1) Töltse le a tömörített fájlt a GitHub hivatkozásból, és bontsa ki azt. Ban,-ben ker mappát találja jshint JS-fájl (az API-könyvtár).

(2) Az API használatához adja hozzá a jshint A JS-fájl a projekthez és az oldalhoz kapcsolható. Az API-t a JavaScript-kód segítségével lehet elérni a hívott függvény / objektum használatával JSHINT. Az alábbiakban egy HTML-kódot mutatunk be, ahol a JSHint JavaScript API-t használják a JavaScript-kód elemzéséhez forrás tömb és megjeleníti az elemzés eredményeit az oldalon.

(3) Elhaladtunk forrás az elemzendő JavaScript forráskódot tartalmazó tömb és opciók linting opciót tartalmazó objektum (bemegyünk opciók hamarosan) mint a JSHINT funkció. Az elemzési eredmény (egy JSON objektum) lekérésre kerül JSHINTfüggvény tulajdonsága hívott adat.

(4) JSON.stringify csak a megjelenítéshez használják, hogy megjelenítse a visszaadott eredményt adat funkció a karakterlánc formátumban az oldalon. A megszépített A JSON karakterlánc így néz ki. A kiemelt részek a JSHint által egyszerű mondatokban megfogalmazott hibák.

Linting Beállítások

A fóliázási opciók lehetővé teszik, hogy beállítsuk a linting folyamatot. Meg tudjuk határozni, hogy milyen típusú hibákat vagy hibákat kell megadni, és melyek nem. Az előző példában két linting opciót használtunk undef és felhasználatlan.

undef opció jelöli a be nem jelentett változókat, és felhasználatlan jelzi a bejelentett, de soha nem használt változókat. Ezekhez hasonlóan sok más lehetőség is látható, amelyeket az oldal listáján láthat, ha egy opciót szeretne keresni, a jobb felső sarokban található egy keresősáv.

Ha a CLI eszközt a Node.js-on keresztül használja, akkor a beágyazási opciókat a package.json fájl alatt jshintConfig ugyanabban a könyvtárban. Az opciókat irányelvekként is hozzáadhatja a JavaScript-kódhoz.

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

Többféle módon állíthatja be a projektben lévő szöszelési beállításokat a használt eszköz alapján. Nézd meg a különböző módokat konfiguráció itt.