ESLint 规则之 no-extra-semi 详解
在前端开发中，我们经常会遇到由于一些小细节问题而导致的 bug，如多余的分号。为了排除这些问题，本文将介绍 ESLint 规则之一：no-extra-semi，并讲解如何遵循这一规则以提高代码质量。
什么是 no-extra-semi？
no-extra-semi 是一个 ESLint 规则，它主要防止在代码中不必要的添加分号。
在 JavaScript 语法中，分号代表语句的结束。当你写入带有分号的语句时，JavaScript 引擎会被告知该语句已经完成。但是，在某些情况下，分号并不是必须的，而这种情况下多余的分号可能会导致应用程序出现问题。
比如以下代码：
const a = 1;;
这段代码中有两个分号，但是只有一个变量被赋值，这就是一个浪费资源的写法，该代码实际上会被 JavaScript 引擎视为以下等效代码：
const a = 1; ;
如何遵循 no-extra-semi 规则？
no-extra-semi 规则可以让团队在开发过程中严格控制代码质量，降低后期维护成本。如果你想在代码评审过程中进行更好的控制，那么请考虑使用 ESLint 进行集成和自动化控制。
在使用 no-extra-semi 规则时，有以下几个要点需要注意：
- 不要给单行代码添加分号，除非该语句在其他语句的开头。
- 在条件语句、for 循环和函数调用的执行块中，不要给最后一条语句添加分号。
比如，以下是属于不规范写法的例子：
const a = 1;; // 多余分号
if (a === 1); // 不要给条件语句添加分号
console.log('hello');; // 多余分号 那么，如何正确的书写代码遵循 no-extra-semi 规则呢？下面是一些合法的例子：
console.log('hello'); // 不是多余的分号
console.log('world'); console.log('!'); // 分号不是多余的，添加了一个方便做代码处理的小技巧总结
在现代 JavaScript 开发中，ESLint 规则之一是 no-extra-semi，它有助于加强代码质量，并且确保团队代码库中的开发团队在代码风格上是一致的。通过在开发过程中更加严谨地控制代码优化，我们可以确保团队成员写出更健壮的代码，并减少了浪费资源的情况。在你的下一个项目中尝试使用这个规则，以优化代码质量吧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6462e725968c7c53b03f5c9c