2010-01-22 56 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代码编辑器实时预览 )。