1. eslint错误归纳
1.1. Expected an assignment or function call and instead saw an expression no-unused-express
这个 ESLint 错误信息 Expected an assignment or function call and instead saw an expression 通常意味着你的代码中存在一个表达式，但 ESLint 期望该位置应该有一个赋值语句或者是一个函数调用。换句话说，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" }]
}
}综上所述，最佳做法通常是检查并确保每个声明的变量都有其用途，以此来保持代码的清晰和高效。
