前言
在前端的开发过程中，我们都知道代码质量是十分重要的，而我们平时经常用到的 ESLint 工具则是保证代码质量的利器，通过 ESLint 我们可以更好地规范化我们的代码，而且还可以合理避免一些常见的格式和语法错误。本文将介绍一些常见的 ESLint 错误，同时也会教大家如何避免这些错误，让我们的代码更加优秀。
常见的 ESLint 错误
使用未定义的变量
这个错误相信大家经常会遇到，在我们开发的过程中可能会有些变量我们没有定义，但是在使用时却出现了错误。这种情况下使用 ESLint 可以及时的告诉我们哪些变量未定义，方式有两种：
- 全局变量使用
global或者window等来进行指定，比如/* global window, document */, 这种方式在多人协作开发中应该比较常见 - 局部变量使用
eslint-disable-next-line no-undef告知不要提示错误
-- -------------------- ---- -------
-------- ------- -
--------------------- -- ------ -- ----------
-
-- -------- -
-- ------ ------- --
-------- ------- -
---------------------
-
-- -------- -
-------- ------- -
-- ------------------------ --------
---------------------
-不恰当的分号
JavaScript 中的分号是可以省略的，但是推荐加上分号来结束语句，以避免一些错误。当然如果你不想加分号，那么也可以使用 ESLint 来规定不加分号的代码的规则，这可以通过将 semi 设置成 off 来达成，不过尽量还是加上分号会更好。
// no semi let message = 'Hello' let age = 24 // semi let message = 'Hello'; let age = 24;
没有换行符
换行符在代码阅读时是十分重要的，通过ESLint 可以规范我们代码的格式，比如 lines-between-class-members 选项，此配置规定了类的成员之间需要空行。
-- -------------------- ---- -------
-- -- ---------------------------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- --- ------------ --- --- ----------- ----- -------
-
-
-- ---------------------------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- --- ------------ --- --- ----------- ----- -------
-
-总结
本文主要介绍了我们在开发中常见的 ESLint 错误，通过规范化代码习惯以及学习一些 ESLint 相关的规则，我们可以更好地避免这些错误，让代码更加规范清晰。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64991f1448841e9894611e99