Hurtig Tips Bruk JSLint

Det er ikke noe å skamme seg for: du sannsynligvis ikke skrive perfekt JavaScript første gang. Mens feilsøking JavaScript vanligvis gjøres manuelt, vil dagens raske tips lære deg hvordan du bruker JSLint, et verktøy for å fange JavaScript-feil. Tenk på det som stavekontroll for JavaScript.


screen~~POS=TRUNC


Abonner på vår YouTube-side for å se alle videoopplæringene!

Hva er JSLint?

Her er Wikipedias definisjon av et Lint-program:

I dataprogrammering var lint navnet opprinnelig gitt til et bestemt program som flagget noen mistenkelige og ikke-bærbare konstruksjoner (sannsynligvis bugs) i C-språkkildekoden. Begrepet brukes nå generisk til verktøy som flagger mistenkelig bruk i programvare skrevet på hvilket som helst dataspråk.

JSLint er et slikt program for JavaScript, skrevet av Douglas Crockford (selvfølgelig). Du gir det din JavaScript, og det lar deg vite hva du skal fikse.


Hvordan bruker du det?

Når du går over JSLint-nettsiden, er det første trinnet å velge praksis du vil håndheve; Du kan velge innstillinger for Crockford-anbefalingen ved å klikke på "Good Parts" -knappen.

Deretter limer du inn i JavaScript og klikker på JSLint-knappen. Hvis du er kode er mindre enn perfekt, får du en liste over feil for å fikse.


Før JSLint

 (funksjon () var anObject = ; var anElem = document.getElementById ("wrap"); var aString = "Dette er en streng" hvis (aString === "Dette er en streng") anotherString = aString;  funksjonsperson (navn, alder) this.name = name; this.age = alder; var aPerson = ny person ("John", 25); ());

Etter JSLint

 / * jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: sant, newcap: true, immed: true, strict: true * / "bruk strenge"; (funksjon () var anObject = , aPerson, anotherString, anElem = document.getElementById ("wrap"), aString = "Dette er en streng", hvis (aString === "Dette er en streng") anotherString = aString; funksjon Person (navn, alder) this.name = name; this.age = alder; aPerson = ny Person ("John", 25); ());

Hvor kan jeg lære mer om JSLint?

Denne siden forklarer konseptene bak JSLint i dybden. Takk for at du leser og ser på!