[b]前言[/b] JSHint用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助发现您代码中错误和问题T，它强制你的团队保持一定的编码惯例和风格，使得代码可靠和更容易阅读. 在这篇文章中,我将向您展示如何安装、配置和使用JSHint。 还包括一个例子，列出了一些我最喜欢的能使用JSHint的编辑器。 [b]安装 JSHint[/b] 安装JSHint非常容易，你可以使用 Node 包管理器 (npm)来做。如果你还没有安装npm，你可以从 [url=https://nodejs.org/en/]nodeJS website[/url]下载最新版，来安装Node.js 和npm. 一旦安装后npm，你就可以使用如下命令来安装JSHint： [code]-g[/code] 参数是告诉[code]npm[/code]我们要全局安装，这样我们就能在任何目录下调用这个命令。 [b]通过命令行检查代码[/b] 现在JSHint 已经安装好了，让我们在命令行方式下使用[code]jshint[/code]来分析一个JavaScript代码文件。 下面是一个文件名为 demo1.json的文件: [img]http://files.jb51.net/file_images/article/201608/201682393715022.jpg?201672393731[/img] 我们使用如下命令来分析代码： JSHint告诉我们在demo1.js文件的第8行有一个错误，原因：缺少一个分号。 [img]http://files.jb51.net/file_images/article/201608/201682394015337.jpg?201672394024[/img] 如果我们补上缺少的分号，再次运行这个命令，就不会有任何错误信息输出了。 [b]配置JSHint[/b] JSHint有一个默认的配置来分析您的代码，但它的配置设置被设计的非常灵活。 有四种方式来为JSHint提供配置处理文件。 一种方式是使用 [code]--config[/code] 参数来指定配置文件: 另一种方式是把配置放入一个叫.jshintrc的文件里, 因为 JSHint 会在同级目录下搜索这个配置文件用于代码分析，如果没有找到，它会继续上级目录查找直到根目录 ，这样就允许我们对一个工程设置不同的配置文件。 第三种方式是在 package.json 文件的 jshintConfig 属性下放入配置信息。 这三种方法中的任何一种,配置信息都是JSON格式指定每一个参数来告诉JSHint选项是打开或关闭。例如：在下面的配置文件中的“unused” 和“undef” 是来激活未使用和未定义变量的告警。 “curly” 要求您总是在循环和条件块加上大括号。 “eqeqeq” 表示禁止使用 == 和!= 而应该使用 === and !==.。“globals” 用于指定没有定义在代码中的全局变量白名单。 [img]http://files.jb51.net/file_images/article/201608/201682394111695.jpg?201672394120[/img] 第四种方式是以注释的方式将配置信息写入代码文件中。 [img]http://files.jb51.net/file_images/article/201608/201682394147447.jpg?201672394157[/img] 你可以查看不同的配置选项控制JSHint的行为。 [b]一个小例子[/b] 接下来,让我们操作一下在上面提到的config.json配置文件中的选项。 假设我们有如下的一个 JavaScript 文件，这只是一小段仅供学习的代码。 [img]http://files.jb51.net/file_images/article/201608/201682394232654.jpg?201672394241[/img] 如果我们执行jshint 命令[code]demo2.js --config config.json[/code]，我们会得到如下的结果： [img]http://files.jb51.net/file_images/article/201608/201682394258296.jpg?20167239436[/img] 在我们的代码中有4个错误。在第9行JSHint提示应该用大括号包裹  “if” 代码块。 定义了变量[code]subscription_id [/code]但没有使用。 在第9行和11行，  “confirm” 和“console” 没有定义。 我们只需稍微修改就能避免前两个错误： [img]http://files.jb51.net/file_images/article/201608/201682394403465.jpg?201672394411[/img] 现在，让我们在 config.json文件中添加一个 devel 选项并设为 true，这样JSHint 就能识别出“confirm” 和“console” 。 [img]http://files.jb51.net/file_images/article/201608/201682394431816.jpg?201672394513[/img] 至此，如果我们再次运行 jshint 命令，就没有任何错误了。 [b]总结[/b] JSHint是一个减少代码错误的非常好的工具。很多编辑器都提供JSHint支持。刚兴趣的朋友可以再深入研究JSHint，以上就是利用JSHint减少JavaScript错误的全部内容，希望对大家使用Javascript能有所帮助。