什么是 no-unused-vars ？
no-unused-vars 是 ESLint 中的一个规则，用于检测代码中声明但未被使用的变量。变量的定义包括函数参数，let、const、var 等关键字声明的变量。当 ESLint 发现代码中存在未使用的变量时，就会发出 no-unused-vars 的警告。
解决方法
解决 no-unused-vars 的警告需要对变量的作用域有一定的了解。变量的作用域是指变量在代码中可以访问的范围。在 JavaScript 中，变量的作用域分为全局作用域和函数作用域。
ESLint 提供了一些解决 no-unused-vars 警告的方法：
1. 忽略特定变量的检查
在代码中使用注释来忽略特定的变量检查。在变量前面添加注释即可：
/* eslint-disable no-unused-vars */ var myUnusedVar = 42; /* esline-enable no-unused-vars */
在注释中，我们使用 eslint-disable-<rule-name> 来禁用特定的规则，使用 eslint-enable-<rule-name> 来开启规则检查。
2. 将变量升级为对象属性
将未使用的变量升级为对象属性，从而避免 no-unused-vars 的警告。例如，将 foo 升级为 bar 对象的属性：
var bar = {
foo: "unused"
};3. 将变量作为函数参数
将未使用的变量作为函数参数，可以避免 no-unused-vars 的警告。例如，将未使用的变量作为回调函数的参数：
myList.forEach(function(item, index, unused) {
console.log(item, index);
});4. 使用未使用变量
这是一种不太好的解决方案，但如果您确实需要这个变量，则可以在代码中使用它以避免 no-unused-vars 的警告。例如，使用下划线占位符：
var myUnusedVar = 42; console.log(myUnusedVar, '_');
5. 移除不需要的代码
最好的解决方法是将未使用的代码直接删除。将未使用的变量删除可以避免编译后的代码变得庞大。
示例代码
-- -------------------- ---- -------
-------- --------- ----- -
-- ---- -------- -------------- --
------ -----
-
-------- ------------ ----- -
-- -- ------------------------ -----
-- ------------------------ --------------
--- ------ - ---- - -----
------ -------
-
--- ----------- - ---
-- ---------
-- -------------- -------------- --
-------------------------
-- ------------- -------------- --结论
通过了解变量的作用域并使用上述的解决方案，可以有效地避免在 ESLint 中遇到 no-unused-vars 的警告。如果您遵循正确的代码规范，定期检查代码，并删除未使用的变量，您的代码将变得更加干净、整洁，并且容易维护。
参考文献
ESLint - no-unused-vars documentation
How to solve the ESLint no-unused-vars warning
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674e55be947dc5bcb30a69d3