在前端开发中，我们经常会遇到一些未使用的代码，这些代码可能是因为我们在开发过程中添加了一些调试代码，或者是修改了一些代码但没有及时删除掉一些无用的代码。这些未使用的代码虽然不会影响程序的运行，但会增加文件的大小，降低页面的性能，因此我们需要及时发现并删除这些未使用的代码。
ESLint 是一个开源的 JavaScript 代码检查工具，它可以帮助我们检查代码中的语法错误、未使用的变量、未使用的函数等问题。在本文中，我们将介绍如何使用 ESLint 检查 JavaScript 中未使用的代码。
安装 ESLint
首先，我们需要安装 ESLint。可以使用 npm 命令来安装：
npm install eslint --save-dev
配置 ESLint
安装完成后，我们需要对 ESLint 进行配置。可以在项目根目录下创建一个 .eslintrc 文件，并添加以下内容：
-- -------------------- ---- -------
-
------ -
---------- -----
------ ----
--
---------- ---------------------
-------- -
----------------- ------
-
-其中，env 属性指定了我们的代码运行在浏览器环境和 ES6 环境中，extends 属性指定了我们使用 ESLint 推荐的规则，rules 属性指定了我们要检查未使用的变量。
检查未使用的变量
配置完成后，我们可以使用以下命令来检查未使用的变量：
./node_modules/.bin/eslint yourfile.js
其中，yourfile.js 是要检查的文件名。如果要检查整个项目中的所有 JavaScript 文件，可以使用以下命令：
./node_modules/.bin/eslint .
ESLint 会输出未使用的变量的名称和所在的行数，例如：
/Users/username/yourfile.js 2:8 warning 'foo' is defined but never used no-unused-vars
示例代码
假设我们有以下 JavaScript 代码：
function foo() {
var a = 1;
var b = 2;
console.log(a + b);
}
foo();这段代码定义了一个 foo 函数，函数内部定义了两个变量 a 和 b，并输出了它们的和。我们可以使用 ESLint 来检查未使用的变量，修改配置文件 .eslintrc，设置 no-unused-vars 规则为 error：
-- -------------------- ---- -------
-
------ -
---------- -----
------ ----
--
---------- ---------------------
-------- -
----------------- -------
-
-然后运行以下命令：
./node_modules/.bin/eslint yourfile.js
ESLint 会输出以下结果：
/Users/username/yourfile.js 2:7 error 'a' is defined but never used no-unused-vars 3:7 error 'b' is defined but never used no-unused-vars
这表明变量 a 和 b 都未被使用，我们可以将它们删除。
结论
本文介绍了如何使用 ESLint 检查 JavaScript 中未使用的代码。ESLint 是一个强大的工具，它可以帮助我们发现代码中的问题，提高代码的质量和可维护性。希望本文能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6726e1282e7021665e1b796a
