Snabbtips Använda JSLint

Det är inget att skämma över: du skriver förmodligen inte perfekt JavaScript första gången. Medan debugging JavaScript vanligtvis görs manuellt, kommer dagens snabba tips att lära dig hur du använder JSLint, ett verktyg för att fånga JavaScript-fel. Tänk på det som stavningskontroll för JavaScript.

screencast

Prenumerera på vår YouTube-sida för att titta på alla videohandledning!

Vad är JSLint?

Här är Wikipedia: s definition av ett Lint-program:

I datorprogrammering var lint det namn som ursprungligen gavs till ett visst program som flaggade några misstänkta och icke-bärbara konstruktioner (sannolikt buggar) i C-språkkällkod. Termen tillämpas nu generellt på verktyg som flaggar misstänkt användning i programvara som skrivs på vilket datorspråk som helst.

JSLint är ett sådant program för JavaScript, skrivet av Douglas Crockford (självklart). Du ger det din JavaScript och det låter dig veta vad som ska åtgärdas.

Hur använder du det?

När du går över JSLint-webbplatsen är det första steget att välja de metoder du vill genomdriva. Du kan välja inställningarna för Crockford-rekommendera genom att klicka på "Bra delar" -knappen.

Klistra sedan in din JavaScript och tryck på JSLint-knappen. Om du är kod är mindre än perfekt får du en lista med fel som ska åtgärdas.

Före JSLint

 (funktion () var anObject = ; var anElem = document.getElementById ("wrap"); var aString = "Detta är en sträng" om (aString === "Detta är en sträng") anotherString = aString;  funktionsperson (namn, ålder) this.name = name; this.age = age; var aPerson = ny person ("John", 25); ());

Efter JSLint

 / * jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: sant, strängt: true * / "använd strikt"; (funktion () var anObject = , aPerson, anotherString, anElem = document.getElementById ("wrap"), aString = "Detta är en sträng", om (aString === "Detta är en sträng") anotherString = aString; funktion Person (namn, ålder) this.name = name; this.age = age; aPerson = ny person ("John", 25); ());

Var kan jag lära mig mer om JSLint?

Den här sidan förklarar djupt begreppen bakom JSLint. Tack för att du läste och tittade på!

Koda