如何检查客户端 JavaScript 代码的语法错误？ [关闭]答案

【问题标题】：How to check client-side JavaScript code for syntax errors? [closed]如何检查客户端 JavaScript 代码的语法错误？ [关闭]
【发布时间】：2011-07-13 20:21:00
【问题描述】：

我有一些客户端 JavaScript 代码，想检查该文件是否有语法错误/警告。

检查我的 JavaScript 文件是否存在“编译时”错误（例如括号不匹配或关键字拼写错误）的最简单方法是什么？

【问题讨论】：

google chrome 或 firefox + firebug
您应该澄清您的意思是要在运行 Javascript 代码之前检查它是否存在问题，还是要查看运行时导致的错误。

标签： javascript javascript-debugger

【解决方案1】：

将其复制并粘贴到http://www.jslint.com/，但要准备好“让你的感情受到伤害”。

【讨论】：

【解决方案2】：

为 Firefox 使用类似 FireBug 之类的东西。

【讨论】：

【解决方案3】：

我建议试用Google Closure Compiler。它不仅可以检查您的代码是否存在错误，还可以执行一些优化。这里的“编译器”可能有点用词不当，因为它接受 JavaScript 并输出回 JavaScript。

要试用，您可以将代码复制并粘贴到在线Closure Compiler Service。

我注意到很多人建议使用 JSLint。我刚刚从 John Resig 的 tweet 中偶然发现了 JSHint，它看起来非常灵活，可以执行编码约定。

【讨论】：

【解决方案4】：

在 Chrome 浏览器中使用 (Tools->JavaScript 控制台) 或 (CTRL + SHIFT + J) 打开 JavaScript 控制台总是一个不错的起点。但是，JSLint 确实是您的最佳选择。

【讨论】：

【解决方案5】：

火狐的萤火虫：

使用火狐浏览器下载安装插件：https://getfirebug.com/downloads/

如果您有旧版本的 Firefox，请单击下载旧版本，然后单击 .xpi 文件进行安装。选择与您的 Firefox 版本兼容的最新日期。

将此代码放入名为whatever.html的文件中：

<script type="text/javascript">
    var successFunction(){
    }
</script>

用火狐打开那个文件。打开萤火虫窗口。单击控制台选项卡。启用它。它应该告诉你上面的代码有错误：

【讨论】：

【解决方案6】：

有两种方法可以找到问题：

静态分析 您可以将 jshint/jslint 与 gruntjs builder 一起使用来识别大部分语法问题。 https://github.com/gruntjs/grunt-contrib-jshint
运行时错误管理 您可以使用 JsLog.me 之类的日志服务从客户端捕获错误和日志。每个浏览器都有自己的 JavaScript 运行时环境，因此客户端日志记录可以捕捉实际问题。

【讨论】：

【解决方案7】：

如果您真的担心制表符和空格，JSLint 等都很棒，但对于 JS 语法，我使用 http://esprima.org/demo/validate.html

我正在将一些小的 JS/jQuery 调用+函数放入我的 php 中，esprima 检查器适合我。

【讨论】：