如何使用JSHint减少JavaScript错误

序

JSHint用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助您发现代码中的错误和问题。它迫使您的团队保持特定的编码约定和风格，使代码可靠且易于阅读。

在本文中，我将向您展示如何安装、配置和使用JSHint。它还包括一个例子，列出了一些我最喜欢的可以使用JSHint的编辑器。

安装JSHint

安装JSHint非常容易，可以使用节点包管理器(npm)来完成。如果你还没有安装npm，可以从nodeJS网站下载最新版本，安装Node.js和NPM。

安装npm后，您可以使用以下命令安装JSHint:

npm install jshint -g-g参数告诉npm我们要全局安装它，这样我们就可以在任何目录下调用这个命令。

通过命令行检查代码

现在已经安装了jshint，让我们在命令行模式下使用JSHint来分析一个JavaScript代码文件。

以下是名为demo1.json :的文件

我们使用以下命令来分析代码：

js hint demo1.js hint告诉我们demo 1 . js文件第8行有一个错误，原因是缺少分号。

如果我们填写缺少的分号并再次运行该命令，将不会有错误消息输出。

配置JSHint

JSHint有一个默认配置来分析您的代码，但是它的配置设置被设计得非常灵活。有四种方法可以为JSHint提供配置处理文件。

一种方法是使用- config参数指定配置文件：

jshindemo 1 . js-config config . JSON的另一种方法是将配置放在一个名为。jshintrc，因为jshint将在同一级别的目录中搜索这个配置文件进行代码分析。如果没有找到，它会继续搜索上级目录，直到根目录，这允许我们为一个项目设置不同的配置文件。

第三种方法是将配置信息放在package.json文件的jshintConfig属性下。

在这三种方法中的任何一种方法中，配置信息都是JSON格式的，并且指定了每个参数来告诉JSHint选项是打开还是关闭。例如，以下配置文件中的“未使用”和“未定义”用于激活未使用和未定义变量的警报。Curly要求您始终在循环和条件块周围放置大括号。“eqeqeq”的意思是==并且被禁止！应该使用=而不是===和！==.“globals”用于指定未在代码中定义的全局变量的白名单。

第四种方式是将配置信息以注释的形式写入代码文件。

您可以查看不同的配置选项来控制JSHint的行为。

一个小例子

接下来，让我们操作上面提到的config.json配置文件中的选项。假设我们有以下JavaScript文件，这只是一小段学习代码。

如果我们执行jshint命令demo2.js-configconfig.json，我们将得到以下结果：

我们的代码中有四个错误。在第9行，JSHint建议“if”代码块应该用花括号包装。变量subscription_id已定义但未使用。在第9行和第11行中，没有定义“确认”和“控制台”。

只要稍加修改，我们就能避免前两个错误：

现在，让我们向config.json文件添加一个devel选项，并将其设置为true，这样JSHint就可以识别“确认”和“控制台”。

此时，如果我们再次运行jshint命令，就不会出现错误。

摘要

JSHint是减少代码错误的非常好的工具。许多编辑器都提供JSHint支持。只是感兴趣的朋友可以进一步研究JSHint。以上就是使用JSHint减少Javascript错误的全部内容。希望对大家使用JavaScript有帮助。