如何查找Javascript语法错误

时间:2010-01-22 19:57:50

标签: javascript

我正在编写代码的JavaScript部分,并且在语法中犯了很多愚蠢的错误。但找到错误行的唯一方法是开始注释掉我刚编写的代码部分并将其重新加载到浏览器中以缩小我失踪的地方');'是

如何“编译”JavaScript源代码以确保它在语法上是正确的,以便我可以在浏览器中调试它?

11 个答案:

答案 0 :(得分:23)

如果在运行时没有发现错误,请在firefox中

Ctrl + Shift + J 。当然,萤火虫效果更好,但这是一种快速的方式。

答案 1 :(得分:17)

http://www.javascriptlint.com/

以下是JavaScript Lint寻找的一些常见错误:

  • 在一行末尾缺少分号。
  • 没有if,for,while等的大括号
  • 由于返回,抛出,继续或中断而永远不会运行的代码。
  • 交换机中没有break语句的case语句。
  • 数字的前导和尾随小数点。
  • 将数字转换为八进制(基数为8)的前导零。
  • 评论中的评论。
  • 歧义是否两条相邻的行是同一语句的一部分。
  • 不做任何事情的陈述。

答案 2 :(得分:8)

Douglas Crockford的Jslint:http://www.jslint.com/

但要注意,这会伤害你的感受; - )

答案 3 :(得分:7)

Chrome Ctrl + Shift + J :这将打开JavaScript控制台。您可以单击脚本选项卡查看页面脚本。

FireFox :安装firebug并运行它以获得与上述Chrome实用程序类似的控制台。

IDE :您可能希望使用netbeansEclipse,它们都为JavaScript提供语法突出显示和代码完成功能。这些将指示代码时的语法错误。

jslint / jshint :这些工具提供代码建议以提高代码质量并减少错误(逻辑)的可能性,但也会破坏语法和其他错误

答案 4 :(得分:3)

尝试JSlint

这是调试Javascript的一个很棒的实用程序。如果您正在使用jQuery库,那么正在开发一个插件并且刚刚发布,同样称为jQuery Lint

答案 5 :(得分:3)

您可以使用Esprima JavaSript解析器(该链接是可以使用的在线代码编辑器)。

我相信它目前是js中最好的即用型 js解析器,这就是为什么我在我的LIVEditor项目中使用它(html / css /的代码编辑器) js带有实时预览)。

答案 6 :(得分:2)

一个想法是使用Firebug控制台以交互方式试验脚本,然后仅将测试的部分移动到您的代码中。

答案 7 :(得分:2)

我找到JSHint,+它的vim插件非常有用。 vim的重量轻,仍然能够跟踪javascript的语法错误。

https://github.com/walm/jshint.vim

答案 8 :(得分:1)

Eclipse IDE(带有JSEclipse插件)可识别几乎所有语法问题。

我建议其中一位更优秀的编辑是IntelliJ,但这不是免费的。

答案 9 :(得分:1)

如果您使用的是Textmate(mac),则可以安装this bundle

主要是jslint,它会检查你的JS语法 它包含一些其他好东西,如各种压缩工具

答案 10 :(得分:0)

Javascript由浏览器运行。我不确定是否有“编制者”可以这么说。

您可以尝试的一件事是Firefox安装了Firebug插件。您可以轻松刷新页面,获取错误列表,包括行号等。简单的调试方法。

另外 - 如果您愿意,使用Visual Studio 2008(或free web developer version)为您提供Javascript智能感知,包括jQuery支持。这将极大地帮助您保持代码清洁。