JavaScript 代码规范与约束
文章目录
在开发过程中,团队代码风格统一,会让我妈避免不必要的错误和低级 Bug、控制代码质量，这样我们最好会预定一套编码规范.
检验JavaScript编码规范的工具有哪些?
- jslint
- jshint
- ESLint
下面简单看下这3个检验工具之间的差别:
jslint
jslint 的作者是 Douglas Crockford(《JavaScript: The Good Parts》的作者)。
Douglas Crockford 制订了一套 JavaScript 编码规则，
JSLint 通过检查和分析 JavaScript 代码，
将任何违反规则的代码警告给开发者，
且无法通过配置关闭一些开发者认为不是问题的警告。
例如在 javascript 语法规范中;分号作为每条代码语句的结尾是可选的（即可有可无），现今不少新的开源项目已经不再使用分号，而直接采用换行作为一个行代码的结尾。符合 JavaScript 语法规范的代码是不能被 JSLint 检查通过的
jshint
JSHint is a fork of JSLint.
JSHint 是 JSLint 的一个分支,但是他设计的非常容易配置,
提供了丰富的指令和选项，可根据开发者以及研发团队的自身需要调整JSHint符合自己的编码规则、风格.
jslint 与 jshint 的区别
- JSLint 对代码的合规要求极为严格
- JSHint 对代码的合规要求可以很宽松
- JSLint 可配置的选项很少
- JSHint 可配置的选项很多
ESLint
ESLint 主要有以下特点：
- 默认规则包含所有 JSLint、JSHint 中存在的规则，易迁移
- 规则可配置性高：可设置「警告」、「错误」两个 error 等级，或者直接禁用
- 包含代码风格检测的规则（可以丢掉 JSCS 了）
- 支持插件扩展、自定义规则
- 支持 JSX
如何使用 ESLint
安装
sudo npm install eslint -g
检验一个或者多个js文件
eslint a.js b.js
如何在webstrom 中开启 ESLint 验证
- 在项目目录下生成 .eslintrc 文件
- 在命令行控制台输入如下命令:
eslint --init
- 在 WebStorm 中启用 eslint