领略Eslint代码检查的四种姿势

上述脑图中的逻辑，接下来我会分成以下几个部分来展开探讨本文。

•  理解代码检查
•  为项目接入 Eslint 实现代码检查
•  基于 Eslint 及其规则实现 <编码后检查>
•  基于 Eslint 及其规则实现 <编码时检查>
•  基于 Eslint 及其规则实现 <构建前检查>
•  基于 Eslint 及其规则实现 <git 提交前检查>

好的，理清了行文思路之后，下面我们进入第一部分，理解代码检查。

一：理解代码检查

代码检查，顾名思义就是检查代码，发生于开发阶段，可有效帮助开发者减少 JavaScript 粗心代码，如语法错误、变量未定义、变量未使用等等问题。除此之外，代码检查还可以约束统一开发人员的代码风格，利于团队协作。

经过上面这段话，我们就已经达成了对代码检查的概念理解。下面我们再从三个方面来展开分析，加深对代码检查的实践理解。这三个方面分别为以下三点：

•  代码检查的功能
•  代码检查的类型
•  代码检查的工具

好的，下面我们就先进入代码检查功能的探讨。

1. 代码检查的功能

我认为，代码检查这个切面大概可以帮助我们做以下三件事情：

•  语言语法检查：比如检查出字符串引号或者函数调用括号没有匹配等问题。
•  编码错误检查：比如检查出开发者在使用一个不存在的变量或者变量定义了却没有使用等问题。
•  代码风格检查：比如检查出开发者没有使用分号（与所选风格有关）等问题。

文外总结：切面所在层次，决定了该切面的职能上线。

理解了代码检查这个切面所可以实现的功能之后，下面我们就探讨一下代码检查的类型。

2. 代码检查的方式

以代码检查发生的不同时间和场景来划分，我把代码检查的方式分类成以下四种：

•  编码时检查：编写代码时检查，通常表现为由 IDE 自动实时检查并进行代码提示。
•  编码后检查：编写代码后检查，通常表现为手动调用检查脚本 / 工具进行代码的检查或者代码保存后由 IDE 自动检查当前文件。
•  构建前检查：构建执行前检查，通常表现为将代码检查作为构建任务的一个前置切面，构建时自动触发代码检查。
• 

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!