Moderne Webanwendungen mit Node.js und Express.js

JSHint/JSLint für JavaScript

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Die Qualität lässt sich auch bei selbstgeschriebenem JavaScript verbessern und so Fehler vermeiden, die unter Umständen unbemerkt geblieben wären.

Transkript

Oftmals begegnet man gerade im Umfeld der JavaScript-Sprache Problemen, bei denen man sich stark am Kopf kratzen muss, da sie mit den Ungewöhnlichkeiten der Sprache zusammenhängen. Um solchen Problemen bereits zur Entwicklungszeit zu begegnen, gibt es Tools wie JSHint und JSLint, die einen darauf hinweisen können, welche potenziellen Probleme im eigenen JavaScript-Code lauern. Im Folgenden stelle ich nun beide kurz vor. Zunächst einmal ist es notwendig, die jeweiligen Konsolenanwendungen beider zu installieren. Mit dem Befehl NPM-Install, JSLint und JSHint, mit dem Global Flag sorge ich dafür, dass beide auf meinem System installiert werden. Als Nächstes gehe ich nun in die "greeterTest.js". An sich sieht es nach üblichen JavaScript-Code aus. Wenn ich nun JSHint benutze und vorher in den Ordner "Test" navigiere, kann ich entsprechend meine Datei referenzieren, und bekomme eine Fehlermeldung, in Zeile 6 gibt es ein fehlendes Semikolon. Das ist an und für sich kein Problem bei der Ausführung, kann aber in weiteren Szenarien, wo weitere Statements hier angefügt werden, beispielsweise bei der Komprimierung, zu einem Problem führen. JSLint ist da schon etwas kritischer mit meiner Datei. JSLint hat nun über sechs bzw. in diesem Fall sieben Makel gefunden, die sich von der Idealspezifikation einer JavaScript-Datei unterscheiden, das sind zum einen fehlende Leerzeichen in der Function-Definition, als auch der Hinweis auf das fehlende Semikolon. Ein weiterer sehr interessanter Punkt ist, wenn ich nun den Equals auf doppelte Equals setze, erhalte ich mit JSLint zusätzlich den Hinweis, dass man hier erwartet hat, drei Equals-Zeichen zu sehen. Und selbst mit JSHint bekomme ich diesen Hinweis nicht, obwohl es sich tatsächlich um ein Problem früher oder später handeln könnte, denn nur drei "istgleich"-Zeichen garantieren mir, dass entsprechend die Inhalte verglichen werden. JSHint ist also eine einfache Möglichkeit auf Probleme hingewiesen zu werden, die Spätfolgen mit sich ziehen können. Möchte man es etwas genauer haben, kann man JSLint verwenden, um das Idealbild der JavaScript-Datei herzustellen.

Moderne Webanwendungen mit Node.js und Express.js

Entwickeln Sie auf der Open-Source-Plattform Node.js kompakte und performante Webapplikationen und lernen Sie weiterführende Konzepte professioneller Webentwicklung kennen.

2 Std. 20 min (24 Videos)
Derzeit sind keine Feedbacks vorhanden...
Exklusiv für Abo-Kunden
Erscheinungsdatum:23.03.2015

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!