在前端开发中，我们经常使用 ESLint 工具来规范化我们的代码风格。在 ESLint 中，有很多规则可以帮助我们检查代码中的错误或不合法的写法。本文将详细介绍两个常见的 ESLint 规则：no-multi-spaces 和 no-extra-semi。
no-multi-spaces
no-multi-spaces 规则的作用是禁止代码中出现多余的空格。在 JavaScript 中，空格通常用来分隔关键字、变量名和操作符等。但是，有时候我们会不小心输入多余的空格，这会导致代码可读性下降，也可能会引发一些问题。no-multi-spaces 规则可以帮助我们检查代码中的多余空格，从而保证代码的规范性和可读性。
规则说明
no-multi-spaces 规则的配置如下：
-
-------- -
------------------ -------
-
-上述配置中，"no-multi-spaces": "error" 表示启用 no-multi-spaces 规则，并将其设置为错误级别。也可以将其设置为警告级别，如下所示：
-
-------- -
------------------ ------
-
-示例代码
下面是一个使用了多余空格的示例代码：
----- --- - ------
上述代码中，变量名前后都有多余的空格，这是不规范的写法。如果启用 no-multi-spaces 规则，ESLint 将会报错并提示错误信息。
no-extra-semi
no-extra-semi 规则的作用是禁止在代码中出现多余的分号。在 JavaScript 中，分号用来表示语句结束，但是有时候我们会不小心输入多余的分号，这会导致代码出现错误或不合法的写法。no-extra-semi 规则可以帮助我们检查代码中的多余分号，从而保证代码的规范性和正确性。
规则说明
no-extra-semi 规则的配置如下：
-
-------- -
---------------- -------
-
-上述配置中，"no-extra-semi": "error" 表示启用 no-extra-semi 规则，并将其设置为错误级别。也可以将其设置为警告级别，如下所示：
-
-------- -
---------------- ------
-
-示例代码
下面是一个使用了多余分号的示例代码：
----- --- - --------
上述代码中，变量名后有多余的分号，这是不规范的写法。如果启用 no-extra-semi 规则，ESLint 将会报错并提示错误信息。
总结
no-multi-spaces 和 no-extra-semi 规则都是用来帮助我们检查代码中的错误或不合法的写法。在实际开发中，我们应该遵守这些规则，从而保证代码的规范性、可读性和正确性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662a81c4d3423812e47e60a7