ESLint 规则中的 no-extra-semi 详解-JavaScript中文网-JavaScript教程资源分享门户

ESLint 规则中的 no-extra-semi 详解

当你使用 ESLint 对 JavaScript 代码进行检查时，你可能会遇到“no-extra-semi”规则。这个规则用来检查 JavaScript 代码中是否存在多余的分号。虽然一些开发者认为这些分号是很显然的错误，但是在某些情况下却不是这样。

了解 no-extra-semi

no-extra-semi 是 ESLint 中的一个常见规则，它的作用是：检查代码中是否存在多余的分号，将其视为一种语法错误（Syntax Error），从而强制执行好的代码风格。可以通过以下方式启用 no-extra-semi 规则：

"no-extra-semi": "error"

no-extra-semi 的工作逻辑使用了 ESTree 规范中的分析过程，利用 FParsec 去　匹配并对代码提出警告指标。这个规则的实现经过最大匹配工具，能够避免类似这样子的情况：

var foo = 42; ;
console.log(foo);

实际上，多余的分号虽然在现代浏览器下并不会产生副作用，但是在某些老版本的浏览器中，就会使代码编译不过并出现错误。因此，在新老浏览器间的兼容性上，还是有必要执行好这个规则。

如何避免 no-extra-semi

为了避免 no-extra-semi ，一个常见的技巧是，在每个注释块、函数、类以及控制流结尾处使用分号。忽略了这些结构有可能是你在代码被 SAS 程序打包压缩后，导致代码异常而需要注意。

示例代码：

function greet(name){
  return "Hello " + name;
}; // Always use semi-colons to avoid no-extra-semi errors
 
console.log(greet("John"));

总结

在审阅代码时候，如果能够正确的配置好规则并且掌握好 no-extra-semi 这个规则，将会使代码变得更加的规范，不至于出现令人尴尬的语法错误和代码异常。学会使用这个规则可以大大提高开发效率和代码质量。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6540c31c7d4982a6eba510d8