Zurück in den Tagen von Mainframes und Lochkarten , verbrachte Programmierer Stunden Gießen über ihre Code-Listings auf der Suche nach Tippfehler und Bugs . Computer- Zeit war begrenzt und Programmierer wurden erwartet, um Probleme durch Inspektion finden. Heute tun statische Analyse -Programme diese Arbeit automatisch , weit besser als jedes Paar von menschlichen Augen . Programme wie JSLint , Coverity und ReSharper nicht nur finden, sondern auch Syntaxfehler warnen vor möglichen logischen Probleme . Things You
Web-Browser mit Internet-Anschluss
brauchen anzeigen Weitere Anweisungen
1

Markieren und kopieren Sie den folgenden JavaScript- Code. Platzieren Sie den Cursor in der ersten Zeile , halten Sie die "Shift" -Taste und dann Pfeil nach unten bis zum Ende des Codes. Klicken Sie auf " Control" und "C" zusammen, um den Code zu kopieren

Funktion firstName_click () {var firstName = document.getElementById (" firstName "); . If ( FirstName.Value == "" ) alert (" der erste Name ist erforderlich" );}
2

Klicken Sie auf den Link, um im Abschnitt Verweise JSLint . Dann fügen Sie den Code in das Eingabefeld ein.
3

Klicken Sie auf " JSLint "-Taste , um die Ergebnisse der Website- statische Analyse zu sehen.

Ein Problem mit vielen der statische Analyse-Tools ist, dass sie extrem wählerisch sind . Auch wenn es nur ein paar Zeilen Code , fand JSLint 10 Fehler . Die meisten beziehen sich auf die Formatierung und Abstand , aber unter dem Lärm gibt es ein paar Fehler legitim .
4

Beheben Sie die Fehler . Zuerst gehen durch und stellen Sie den Abstand zu JSLint den Anforderungen gerecht zu werden. Fügen Sie die Klammern um die Alarm-Funktion und Wandel zu == === innerhalb der if-Anweisung .

Obwohl alle diese Fehler mag ärgerlich, macht konsistente Formatierung für saubere , lesbaren Code . Und die zusätzlichen Gleichheitszeichen und Klammern kann Pflege einiger Browser Unstimmigkeiten nehmen

Nach Reinigung diese Fehler , wird der Code wie folgt lautet: .

Funktion firstName_click () {var firstName = document.getElementById ( " firstName "); if ( FirstName.Value [\\] \\ === "") { alert (" Der erste Name ist erforderlich" );}}
5

ändern die Optionen für die verbleibenden Probleme zu behandeln. Es gibt eine Liste von Kontrollkästchen mit verschiedenen Optionen nach unten auf der Seite. Überprüfen Sie die folgenden Optionen :

Überprüfen Sie die " Browser "-Option , um anzugeben, dass der Code innerhalb einer Browser-Umgebung und Objekte wie Dokumente und Funktionen wie Benachrichtigungen sind bereits definiert läuft

Überprüfen Sie die " Sloppy " . Option, um die Notwendigkeit für die Verwendung strenge Anforderung entfernt .

meisten statischen Analyse-Tools sind in hohem Maße konfigurierbar . Dies hilft Entwicklern die Werkzeuge anzupassen , bestehende Programmierung Standards .
6

klicken Sie auf " JSLint "-Taste ein letztes Mal , um die neuen Ergebnisse zu sehen.