ESLint排坑指南：解决开发中常见的代码规范错误

错误信息后面的 no-unused-expressions 是这条规则的名称，意在提醒开发者避免写出未被使用的表达式，以减少潜在的错误和提高代码质量。

1.1.1. 解决方法

要解决这个问题，你可以根据具体情况采取以下几种措施之一：

• 添加赋值操作：如果该表达式的结果本应被保存，确保你正确地为它分配了一个变量。

// 错误示例
someFunction();

// 修改后
const result = someFunction();

• 确保是作为函数参数使用：如果这个表达式是用来作为其他函数调用的参数，确保它被正确传递。

// 错误示例
console.log;("Hello, world!");

// 修改后
console.log("Hello, world!");

• 使用括号明确表示这是一个副作用：如果你确实只是想调用一个函数以产生副作用（如修改全局状态、日志输出等），而不需要其返回值，可以在表达式外加上括号来告诉 ESLint 这是有意为之。

// 原本可能会报错的情况
someSideEffectFunction();

// 明确告知这是有目的的副作用
(someSideEffectFunction());

• 禁用或修改规则：如果你确定这个表达式是合理的，并且不希望 ESLint 对此警告，你可以在配置文件中为这个规则添加例外或完全禁用它。但这应该是最后的手段，确保这不是掩盖潜在问题的做法。

// .eslintrc.json 或相关配置文件中
{
  "rules": {
    "no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true }]
  }
}

在处理这类错误时，重要的是理解为什么 ESLint 提出了这个警告，并根据实际情况做出相应的调整，以保持代码的清晰度和效率。

更多详细内容，请微信搜索“前端爱好者“， ⇲ 戳我 查看 。

1.2. 'fontSizeClass' is assigned a value but never used  no-unused-vars

这个 ESLint 错误信息 'fontSizeClass' is assigned a value but never used 意味着你在代码中声明并给变量 fontSizeClass 赋予了一个值，但是之后并没有使用这个变量。根据 ESLint 的 no-unused-vars 规则，这样做被认为是不良实践，因为它引入了冗余的代码，可能会导致代码混乱且难以维护。

1.2.1. 解决方法

这里有几种解决这个问题的策略：

• 移除未使用的变量：如果你确实不需要这个变量，最直接的解决方式就是将其从代码中移除。

// 假设原始代码是这样的
const fontSizeClass = computeFontSizeClass();

// 如果 `fontSizeClass` 之后没有被使用，可以直接移除这行代码

• 使用变量：确认是否最初打算使用这个变量但在后续编码过程中忘记了。如果是这样，确保在适当的地方引用它。

const fontSizeClass = computeFontSizeClass();
// 确保在后面某处使用了 `fontSizeClass`
element.classList.add(fontSizeClass);

• 作为函数参数传递：也许你是想将这个变量作为某个函数的参数传递，但忘记这么做了。

const fontSizeClass = computeFontSizeClass();
applyStyles(element, fontSizeClass); // 假设这里使用了 `fontSizeClass`

• 暂时注释或标记为待处理：如果这个变量是你计划在未来使用，但目前还未实现到那部分代码，可以暂时性地注释掉相关代码或使用特殊标记（如 // TODO: 使用 fontSizeClass）来提醒自己未来需要处理。
• 配置 ESLint 规则：如果你确定这个变量的定义是有意为之（例如，作为预留变量或文档的一部分），你可以在 ESLint 配置中对这个变量添加例外。但这通常不推荐，因为最好保持代码的精简和无冗余。

// 在你的 ESLint 配置文件中
{
  "rules": {
    "no-unused-vars": ["error", { "argsIgnorePattern": "fontSizeClass" }]
  }
}

综上所述，最佳做法通常是检查并确保每个声明的变量都有其用途，以此来保持代码的清晰和高效。