Schnelltipp Verwenden von JSLint

Es ist nichts, wofür man sich schämen muss: Sie schreiben wahrscheinlich nicht beim ersten Mal perfektes JavaScript. Während das Debuggen von JavaScript normalerweise manuell erfolgt, wird Ihnen der heutige Schnelltipp die Verwendung von JSLint, einem Tool zum Abfangen von JavaScript-Fehlern, zeigen. Stellen Sie sich dies als Rechtschreibprüfung für JavaScript vor.

Screencast

Abonniere unsere YouTube-Seite, um alle Video-Tutorials anzusehen!

Was ist JSLint??

Hier ist die Definition eines Lint-Programms von Wikipedia:

Bei der Computerprogrammierung war Lint der Name, der ursprünglich einem bestimmten Programm gegeben wurde, das verdächtige und nicht tragbare Konstrukte (wahrscheinlich Fehler) im Quellcode der C-Sprache kennzeichnet. Der Begriff wird jetzt allgemein auf Tools angewendet, die auf verdächtige Verwendung in Software hinweisen, die in einer beliebigen Computersprache geschrieben ist.

JSLint ist ein solches Programm für JavaScript, das natürlich von Douglas Crockford geschrieben wurde. Sie geben Ihr JavaScript ab und lassen Sie wissen, was Sie beheben müssen.

Wie benutzt man es?

Nachdem Sie die JSLint-Website besucht haben, müssen Sie zunächst die Verfahren auswählen, die Sie durchsetzen möchten. Sie können die von Crockford empfohlenen Einstellungen auswählen, indem Sie auf die Schaltfläche "Good Parts" klicken.

Fügen Sie dann Ihr JavaScript ein und klicken Sie auf die Schaltfläche JSLint. Wenn der Code nicht perfekt ist, erhalten Sie eine Liste der zu korrigierenden Fehler.

Vor JSLint

 (function () var anObject = ; var anElem = document.getElementById ("wrap"); var aString = "Dies ist eine Zeichenfolge" if (aString === "Dies ist eine Zeichenfolge") anotherString = aString;  Funktion Person (Name, Alter) this.name = name; this.age = age; var aPerson = neue Person ("John", 25); ());

Nach JSLint

 / * jslint white: true, browser: true, onevar: true, undef: true, name: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: true * / "use strict"; (function () var anObject = , aPerson, anotherString, anElem = document.getElementById ("wrap"), aString = "Dies ist eine Zeichenfolge"; if (aString === "Dies ist eine Zeichenfolge") anotherString = aString; Funktion Person (Name, Alter) this.name = name; this.age = age; aPerson = neue Person ("John", 25); ());

Wo kann ich mehr über JSLint erfahren??

Auf dieser Seite werden die Konzepte von JSLint ausführlich erläutert. Danke fürs Lesen und Zuschauen!

Code