2010-01-22 50 views
22

我正在編寫JavaScript代碼段,並且在語法中犯了大量的愚蠢錯誤。但找到錯誤的唯一途徑是開始評論我剛剛寫的代碼段並將其重新加載到瀏覽器中以縮小我缺失的位置的範圍);'是。如何找到Javascript語法錯誤

如何「編譯」JavaScript源以確保它在語法上正確,以便我可以在瀏覽器中進行調試?

回答

21

按Ctrl ++Ĵ在Firefox中,如果你不明白你的錯誤,直到運行時。當然,螢火蟲的效果更好,但這是一種快捷方式。

2

一個想法是使用Firebug控制檯與您腳本進行交互式實驗,然後只將測試過的部分移動到您的代碼中。

3

嘗試JSlint

這是一個用於調試Javascript的好工具。如果你正在使用jQuery庫,還有正在開發一個插件,最近剛剛發佈,同樣叫jQuery Lint

+1

http://www.javascriptlint.com/online_lint.php比較好(塔希爾的回答)。它使查找實際問題變得更容易。 – Muhd 2013-04-03 22:42:39

0

Javascript是由瀏覽器運行。我不確定是否有'編譯器'這麼說。

你可以嘗試的一件事是安裝了Firebug插件的Firefox。您可以輕鬆刷新頁面,獲取錯誤列表,包括行號等。簡單的調試方法。

另外 - 如果您願意,使用Visual Studio 2008(或free web developer version)爲您提供Javascript intellisense,包括jQuery支持。這將有助於您在隨時隨地保持代碼清潔。

16

http://www.javascriptlint.com/

下面是一些常見的錯誤,JavaScript的林特查找:

  • 缺少分號在一行的末尾。
  • 沒有if,for,while等的大括號
  • 由於返回,拋出,繼續或中斷而永遠不會運行的代碼。
  • 交換機中沒有中斷語句的Case語句。
  • 數字的前導和後綴小數點。
  • 前導零,將數字轉換爲八進制(基數8)。
  • 評論內部您的評論。
  • 歧義兩個相鄰的行是否是同一語句的一部分。
  • 不做任何事情的陳述。
+2

這個工具確實在javascript中指出錯誤。感謝您的鏈接。它節省了很多時間和挫敗感。 – vaichidrewar 2011-10-05 23:07:04

+0

無法找到www.javascriptlint.com上的服務器,因爲DNS查找失敗。 – 2015-11-17 16:59:44

1

Eclipse IDE(帶有JSEclipse插件)標識了我們幾乎所有的語法問題。

我建議更好的編輯之一是IntelliJ,但它不是免費的。

1

如果您正在使用的TextMate(MAC),您可以安裝this bundle

它主要的JSLint,這將檢查你的JS語法。
它包含了一些其他東西,例如不同的壓縮工具

6

Chrome按Ctrl ++Ĵ:這將帶來JavaScript控制檯。您可以單擊腳本選項卡來查看頁面腳本。

FireFox:安裝螢火蟲並運行它以獲得與上述chrome實用程序類似的控制檯。

IDE:您可能希望使用netbeansEclipse這兩者提供的JavaScript語法高亮和代碼完成。這些將在代碼時指示語法錯誤。

jslint/jshint:這些工具提供代碼建議,以改善代碼質量並減少錯誤(邏輯)的可能性,但也將打破語法和其他錯誤。

3

可以使用Esprima JavaSript解析器(鏈接是一個在線代碼編輯器即可使用)。

我相信這是目前在JS最好準備使用的JS解析器,這就是爲什麼我使用它在我LIVEditor項目(對於HTML/CSS/JS代碼編輯器實時預覽 )。