Suggerimento rapido utilizzo di JSLint

Non è nulla di cui vergognarsi: probabilmente non scrivi JavaScript perfetto la prima volta. Mentre il debug di JavaScript è di solito fatto manualmente, il suggerimento rapido di oggi ti insegnerà come usare JSLint, uno strumento per catturare i bachi JavaScript. Consideralo come un controllo ortografico per JavaScript.

screencast

Iscriviti alla nostra pagina YouTube per guardare tutti i tutorial video!

Cos'è JSLint?

Ecco la definizione di Wikipedia di un programma Lint:

Nella programmazione per computer, lint era il nome originariamente assegnato a un particolare programma che contrassegnava alcuni costrutti sospetti e non portatili (probabilmente bug) nel codice sorgente del linguaggio C. Il termine è ora applicato in modo generico agli strumenti che segnalano l'utilizzo sospetto nel software scritto in qualsiasi linguaggio informatico.

JSLint è uno di questi programmi per JavaScript, scritto da Douglas Crockford (ovviamente). Lo consegni con il tuo JavaScript e ti consente di sapere cosa aggiustare.

Come lo usi?

Dopo aver aperto il sito Web JSLint, il primo passo è scegliere le pratiche che vuoi applicare; puoi scegliere le impostazioni consigliate da Crockford facendo clic sul pulsante "Parti buone".

Quindi, incolla il tuo JavaScript e premi il pulsante JSLint. Se il tuo codice non è perfetto, riceverai un elenco di errori da correggere.

Prima di JSLint

 (function () var anObject = ; var anElem = document.getElementById ("wrap"); var aString = "Questa è una stringa" if (aString === "Questa è una stringa") anotherString = aString;  function person (nome, età) this.name = name; this.age = age; var aPerson = new person ("John", 25); ());

Dopo JSLint

 / * jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: true * / "usa rigorosamente"; (function () var anObject = , aPerson, anotherString, anElem = document.getElementById ("wrap"), aString = "Questa è una stringa"; if (aString === "Questa è una stringa") anotherString = aString; funzione Persona (nome, età) this.name = nome; this.age = età; aPerson = new Person ("John", 25); ());

Dove posso saperne di più su JSLint?

Questa pagina spiega in modo approfondito i concetti alla base di JSLint. Grazie per aver letto e guardato!

Codice