1. eslint錯(cuò)誤歸納

1.1. Expected an assignment or function call and instead saw an expression  no-unused-express

這個(gè) ESLint 錯(cuò)誤信息 Expected an assignment or function call and instead saw an expression 通常意味著你的代碼中存在一個(gè)表達(dá)式，但 ESLint 期望該位置應(yīng)該有一個(gè)賦值語句或者是一個(gè)函數(shù)調(diào)用。換句話說，ESLint 認(rèn)為你可能不小心寫出了一行代碼，它計(jì)算了某個(gè)值但沒有實(shí)際作用（比如沒有賦給變量或作為函數(shù)參數(shù)使用），從而可能導(dǎo)致了不必要的計(jì)算或是一個(gè)本應(yīng)修復(fù)的錯(cuò)誤。

錯(cuò)誤信息后面的 no-unused-expressions 是這條規(guī)則的名稱，意在提醒開發(fā)者避免寫出未被使用的表達(dá)式，以減少潛在的錯(cuò)誤和提高代碼質(zhì)量。

1.1.1. 解決方法

要解決這個(gè)問題，你可以根據(jù)具體情況采取以下幾種措施之一：

• 添加賦值操作：如果該表達(dá)式的結(jié)果本應(yīng)被保存，確保你正確地為它分配了一個(gè)變量。

// 錯(cuò)誤示例
someFunction();

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

• 確保是作為函數(shù)參數(shù)使用：如果這個(gè)表達(dá)式是用來作為其他函數(shù)調(diào)用的參數(shù)，確保它被正確傳遞。

// 錯(cuò)誤示例
console.log;("Hello, world!");

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

• 使用括號明確表示這是一個(gè)副作用：如果你確實(shí)只是想調(diào)用一個(gè)函數(shù)以產(chǎn)生副作用（如修改全局狀態(tài)、日志輸出等），而不需要其返回值，可以在表達(dá)式外加上括號來告訴 ESLint 這是有意為之。

// 原本可能會報(bào)錯(cuò)的情況
someSideEffectFunction();

// 明確告知這是有目的的副作用
(someSideEffectFunction());

• 禁用或修改規(guī)則：如果你確定這個(gè)表達(dá)式是合理的，并且不希望 ESLint 對此警告，你可以在配置文件中為這個(gè)規(guī)則添加例外或完全禁用它。但這應(yīng)該是最后的手段，確保這不是掩蓋潛在問題的做法。

// .eslintrc.json 或相關(guān)配置文件中
{
  "rules": {
    "no-unused-expressions": ["error", { "allowShortCircuit": true, "allowTernary": true }]
  }
}

在處理這類錯(cuò)誤時(shí)，重要的是理解為什么 ESLint 提出了這個(gè)警告，并根據(jù)實(shí)際情況做出相應(yīng)的調(diào)整，以保持代碼的清晰度和效率。

更多詳細(xì)內(nèi)容，請微信搜索“前端愛好者“， ? 戳我 查看 。

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

這個(gè) ESLint 錯(cuò)誤信息 'fontSizeClass' is assigned a value but never used 意味著你在代碼中聲明并給變量 fontSizeClass 賦予了一個(gè)值，但是之后并沒有使用這個(gè)變量。根據(jù) ESLint 的 no-unused-vars 規(guī)則，這樣做被認(rèn)為是不良實(shí)踐，因?yàn)樗肓巳哂嗟拇a，可能會導(dǎo)致代碼混亂且難以維護(hù)。

1.2.1. 解決方法

這里有幾種解決這個(gè)問題的策略：

• 移除未使用的變量：如果你確實(shí)不需要這個(gè)變量，最直接的解決方式就是將其從代碼中移除。

// 假設(shè)原始代碼是這樣的
const fontSizeClass = computeFontSizeClass();

// 如果 `fontSizeClass` 之后沒有被使用，可以直接移除這行代碼

• 使用變量：確認(rèn)是否最初打算使用這個(gè)變量但在后續(xù)編碼過程中忘記了。如果是這樣，確保在適當(dāng)?shù)牡胤揭盟?/li>

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

• 作為函數(shù)參數(shù)傳遞：也許你是想將這個(gè)變量作為某個(gè)函數(shù)的參數(shù)傳遞，但忘記這么做了。

const fontSizeClass = computeFontSizeClass();
applyStyles(element, fontSizeClass); // 假設(shè)這里使用了 `fontSizeClass`

• 暫時(shí)注釋或標(biāo)記為待處理：如果這個(gè)變量是你計(jì)劃在未來使用，但目前還未實(shí)現(xiàn)到那部分代碼，可以暫時(shí)性地注釋掉相關(guān)代碼或使用特殊標(biāo)記（如 // TODO: 使用 fontSizeClass）來提醒自己未來需要處理。
• 配置 ESLint 規(guī)則：如果你確定這個(gè)變量的定義是有意為之（例如，作為預(yù)留變量或文檔的一部分），你可以在 ESLint 配置中對這個(gè)變量添加例外。但這通常不推薦，因?yàn)樽詈帽３执a的精簡和無冗余。

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

綜上所述，最佳做法通常是檢查并確保每個(gè)聲明的變量都有其用途，以此來保持代碼的清晰和高效。