JavaScript代码检查工具 — JSHint

静态代码检查是开发工作中不可缺少的一环，毕竟对于程序化的工作人的眼睛是不可靠的，更何况是自己的眼睛看自己的代码。即使最后的运行结果通过，但可能存在一些未定义的变量、定义了但最后没用过的变量、分号有没有加（看团队规则）以及其他的问题。给力的工具必不可缺。

在本文要介绍的JSHint之前还有JSLint，道格拉斯的作品，应该是JavaScript精粹的附属产物。。。要求你必须使用它的规则，对于JavaScript这样一个灵活的语言，还是要用一个灵活的工具，JSHint就是就是这样。

安装

首先需要安装了Nodejs和npm，然后 npm install -g jshint 就好了。

这样你就可以使用命令行使用JSHint了。

当然他也提供了巨多的编辑器插件，比如Sublime Text 3。

以及Grunt或者Gulp之类的插件。

配置

安装完了就可以使用了。

命令行下直接： jshint myfile.js 就ok，命令行里就可以显示错误或者警告。

编辑器下一般直接显示在出错或者警告的行数处。比如Sublime3 下，在当前文件下，快捷键 Ctrl+Alt+J 就会显示信息（ Ctrl+Alt+C 关闭信息显示）：

更多快捷键看插件的设置，可以自定义。

不过这些显示都是JSHint默认的配置，我们可以自定义配置更好的满足需求。

也很简单，在项目根目录下建立一个 .jshintrc 文件，这个文件就是JSHint的配置文件，JSHint会自动识别这个文件，根据这里面的规则对你的文件进行检查。

（windows下建立前面带点的文件会不让建立，一种方法直接在Sublime Text里建立，另一种方法在文件名后加个点即可）

JSHint的配置分为四类：

1、Enforcing：如果这些属性设置为true，表明这个代码风格够严格的，比如是否使用严格（strict）模式、变量驼峰式命名、是不是for-in循环里必须得有hasOwnProperty等等

2、Relaxing：比如是否使用分号，是否支持下一代ES语法等等。

3、Environments：你的代码所在的环境（Nodejs、浏览器、jQuery。。）

4、自定义的全局属性，比如我司的NEJ和Regular，这两个全局变量JSHint是不知道的，放在这里JSHint不会报出错误信息。

默认的JSHint的配置看这里：JSHint默认配置（Sublime插件自定义了默认的配置，你可以在插件的配置里看到，甚至可以直接修改它）

对这些配置的讲解：配置详解

都是英文的，不过配合着四六级的水平和有道翻译，基本木有问题。下面是一个简单的配置示例。

{  "strict"  : false,  "undef"  : true,     "unused"  : true,  "asi"   : true,  "evil"   : false,  "browser": true,  "devel": true,  "globals" : {     "NEJ": true,    "Regular": true  }    }

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：JavaScript代码检查工具 — JSHint

关键词：JavaScript