JavaScript 代码规范与约束

jshint.png

在开发过程中,团队代码风格统一,会让我妈避免不必要的错误和低级 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 验证

  1. 在项目目录下生成 .eslintrc 文件
  2. 在命令行控制台输入如下命令:
eslint --init
  1. 在 WebStorm 中启用 eslint ws.png

    出自:JavaScript 代码规范与约束



回到顶部