如何使用jshint减少Javascript错误 浏览:629

前言

jshint用于分析和验证Javascript代码在你的编码规则的遵守。这个强大的工具可以帮助你发现你的代码中的错误和问题,,迫使你的团队保持一定的编码程序和方式,使得代码可靠和容易阅读。

在这篇文章中,我将向你展示如何安装,配置和使用jshint。它还包括一个示例,列举一些我最喜欢的编辑器,可以使用jshint。

安装jshint

这是JSHint的安装非常容易,而且可以利用节点的包管理(NPM)。如果你还没有安装NPM,你可以从网站下载最新版本安装Nodejs Node.js和NPM。

一旦安装,NPM,你可以使用下面的命令安装JSHint:




新安装jshint g


- G参数告诉我们希望全球安装这样我们可以调用该命令的任何目录下。

通过命令行检查代码

现在安装JSHint,让我们用jshint分析命令行Javascript代码文件。

下面是一个文件名为demo1.json:


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




jshint demo1.js


JSHint告诉我们,这个demo1.js文件第八行的一个错误,因为缺乏一个分号。


如果我们弥补了丢失的分号并再次运行该命令,就不会有错误消息。

配置jshint

jshint具有默认配置来分析你的代码,但它的配置设置的设计是非常灵活的。有四种方法来对jshint提供配置文件处理。

一种方法是使用配置参数指定配置文件:




jshint demo1.js json配置


另一种方法是添加一个配置文件名为Jshintrc,因为jshint将代码分析配置文件相同的目录搜索,如果没有找到,它会继续搜索直到根目录的父目录,它允许我们设置一个项目的不同的侧面。

第三种方式是把配置信息的package.json文件jshintconfig物业。

所有这三种方法,配置信息告诉jshint选项指定每个参数的JSON格式打开或关闭。例如,在下面的配置文件未使用的和未被警报激活未使用的和未定义的变量。卷曲的要求你总是在环加括号的条件块。Eqeqeq说= =和禁止使用!= =。相反,你应该使用。全局变量用于指定的白名单,没有在代码中定义的全局变量。


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


你可以检查不同的配置选项来控制jshint行为。

一个小例子

接下来,让我们在上面提到的json配置文件选项操作。假设我们有下面的Javascript文件,只是其中的一小部分代码学习。


如果我们执行命令demo2.js jshint配置json,我们将得到如下结果:


我们有4的错误代码,第九线jshint暗示,如果代码块必须用括号括起来。subscription_id变量的定义,但它是没有用的。在第九和11线,确认和控制台是未定义的。

我们只需要稍加修改就可以避免前两个错误:


现在,让我们添加一个发展选择json文件并将其设置为true,这样JSHint可以识别确认和控制台。


在这一点上,如果我们运行jshint命令,没有错误。

总结



jshint是减少编码错误的一个很好的工具。许多jshint编辑提供支持。只是有兴趣的朋友可以进一步研究jshint,以上是jshint减少所有Javascript错误内容的使用,希望能帮到你的Javascript的使用。

标签: 电脑技巧

推荐文章1
广告