2010-01-22 17 views
22

Ich schreibe einen JavaScript-Codeabschnitt und mache riesige Mengen an dummen Fehlern in der Syntax. Aber die einzige Möglichkeit, die Zeile zu finden, in der der Fehler auftritt, besteht darin, den Codeabschnitt, den ich gerade geschrieben habe, auszukommentieren und ihn erneut in den Browser zu laden, um dort einzugrenzen, wo meine fehlenden ");" ist.So finden Sie Javascript Syntaxfehler

Wie "kompiliere" Sie eine JavaScript-Quelle, um sicherzustellen, dass sie syntaktisch korrekt ist, damit ich sie im Browser debuggen kann?

Antwort

21

Ctrl +Umschalt +J in Firefox, wenn Sie nicht über Ihre Fehler erst zur Laufzeit fangen. Natürlich funktioniert Firebug besser, aber das ist ein schneller Weg.

2

Eine Idee wäre, die Firebug-Konsole zu verwenden, um interaktiv mit Ihren Skripten zu experimentieren und dann nur die getesteten Teile in Ihren Code zu verschieben.

3

Versuchen JSlint

Es ist ein großer Nutzen für Javascript debuggen. Wenn Sie die jQuery-Bibliothek verwenden, gibt es ein Plugin entwickelt und wurde erst vor kurzem veröffentlicht, ähnlich jQuery Lint

+1

http://www.javascriptlint.com/online_lint.php ist besser (Tahirs Antwort). Es macht es viel einfacher, das eigentliche Problem zu finden. – Muhd

0

Javascript wird vom Browser ausgeführt. Ich bin mir nicht sicher, ob es sozusagen "Compiler" gibt.

Eine Sache, die Sie versuchen könnten, ist Firefox mit Firebug Addon installiert. Sie können die Seite leicht aktualisieren, Fehlerliste einschließlich Zeilennummern usw. erhalten. Einfache Möglichkeit zum Debuggen.

Auch - Wenn Sie bereit sind, gibt Ihnen Visual Studio 2008 (oder free web developer version) Javascript intellisense, einschließlich jQuery-Unterstützung. Dies wird Ihnen immens dabei helfen, Ihren Code sauber zu halten.

16

http://www.javascriptlint.com/

Hier sind einige häufige Fehler, dass JavaScript Lint sucht:

  • Fehlende Semikolons am Ende einer Zeile.
  • Lockige Klammern ohne, wenn, für, während etc.
  • Code, der nie wegen einer Rückkehr ausgeführt wird, werfen, fortfahren oder brechen.
  • Fallanweisungen in einem Schalter, die keine break-Anweisung haben.
  • Vor und Nachkommastellen auf einer Zahl.
  • Eine führende Null, die eine Zahl in eine Oktalzahl umwandelt (Basis 8).
  • Kommentare innerhalb der Kommentare.
  • Mehrdeutigkeit, ob zwei benachbarte Zeilen Teil derselben Anweisung sind.
  • Anweisungen, die nichts tun.
+2

Dieses Tool zeigt wirklich den Fehler in Javascript an. Danke für den Link. Es hat viel Zeit und Frustration gespart. – vaichidrewar

+0

Der Server unter www.javascriptlint.com kann nicht gefunden werden, da die DNS-Suche fehlgeschlagen ist. –

1

Die Eclipse-IDE (mit dem JSEclipse-Plugin) identifiziert fast alle unsere Syntaxprobleme.

Ich schlage vor, einer der besseren Editoren ist IntelliJ, aber es ist nicht kostenlos.

1

Wenn Sie Textmate (Mac) verwenden, können Sie this bundle

Es installieren hauptsächlich JSLint ist, die Ihre JS Syntax überprüfen.
Und es enthält einige andere Goodies wie verschiedene Komprimierungstools

6

Chrome: Ctrl +Umschalt +J: Dies wird die JavaScript-Konsole öffnen. Sie können auf die Registerkarte Skripts klicken, um Seitenskripte zu überprüfen.

FireFox: Installieren Sie firebug und führen Sie es aus, um eine ähnliche Konsole zu den oben genannten Chrome-Dienstprogrammen zu erhalten.

IDE: Sie können netbeans oder Eclipse, die beide bieten Syntax-Hervorhebung und Code-Vervollständigung für JavaScript verwenden möchten. Diese zeigen Syntaxfehler zur Codezeit an.

jslint/jshint: Diese Tools bieten Code Vorschläge Ihre Code-Qualität zu verbessern und die Möglichkeit von Fehlern (Logik) zu reduzieren, sondern bricht auch auf Syntax und andere Fehler.

3

können Sie die Esprima JavaSript Parser (der Link ein Online-Code-Editor bereit ist, zu verwenden).

Ich glaube, es ist derzeit die besten ready-to-use js Parser in js, das ist, warum ich es in meinem LIVEditor Projekt (Code-Editor für HTML/CSS/js mit Echtzeit bin mit Vorschau).