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 通常意味著你的代碼中存在一個表達(dá)式，但 ESLint 期望該位置應(yīng)該有一個賦值語句或者是一個函數(shù)調(diào)用。換句話說，ESLint 認(rèn)為你可能不小心寫出了一行代碼，它計算了某個值但沒有實際作用（比如沒有賦給變量或作為函數(shù)參數(shù)使用），從而可能導(dǎo)致了不必要的計算或是一個本應(yīng)修復(fù)的錯誤。FV528資訊網(wǎng)——每日最新資訊28at.com

錯誤信息后面的 no-unused-expressions 是這條規(guī)則的名稱，意在提醒開發(fā)者避免寫出未被使用的表達(dá)式，以減少潛在的錯誤和提高代碼質(zhì)量。FV528資訊網(wǎng)——每日最新資訊28at.com

1.1.1. 解決方法

要解決這個問題，你可以根據(jù)具體情況采取以下幾種措施之一：FV528資訊網(wǎng)——每日最新資訊28at.com

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

// 錯誤示例someFunction();// 修改后const result = someFunction();

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

// 錯誤示例console.log;("Hello, world!");// 修改后console.log("Hello, world!");

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

// 原本可能會報錯的情況someSideEffectFunction();// 明確告知這是有目的的副作用(someSideEffectFunction());

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

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

在處理這類錯誤時，重要的是理解為什么 ESLint 提出了這個警告，并根據(jù)實際情況做出相應(yīng)的調(diào)整，以保持代碼的清晰度和效率。FV528資訊網(wǎng)——每日最新資訊28at.com

更多詳細(xì)內(nèi)容，請微信搜索“前端愛好者“， ? 戳我 查看 。FV528資訊網(wǎng)——每日最新資訊28at.com

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

這個 ESLint 錯誤信息 'fontSizeClass' is assigned a value but never used 意味著你在代碼中聲明并給變量 fontSizeClass 賦予了一個值，但是之后并沒有使用這個變量。根據(jù) ESLint 的 no-unused-vars 規(guī)則，這樣做被認(rèn)為是不良實踐，因為它引入了冗余的代碼，可能會導(dǎo)致代碼混亂且難以維護(hù)。FV528資訊網(wǎng)——每日最新資訊28at.com

1.2.1. 解決方法

這里有幾種解決這個問題的策略：FV528資訊網(wǎng)——每日最新資訊28at.com

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

// 假設(shè)原始代碼是這樣的const fontSizeClass = computeFontSizeClass();// 如果 `fontSizeClass` 之后沒有被使用，可以直接移除這行代碼

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

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

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

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

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

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

綜上所述，最佳做法通常是檢查并確保每個聲明的變量都有其用途，以此來保持代碼的清晰和高效。FV528資訊網(wǎng)——每日最新資訊28at.com

FV528資訊網(wǎng)——每日最新資訊28at.com

本文鏈接：http://www.tebozhan.com/showinfo-26-98872-0.htmlESLint排坑指南：解決開發(fā)中常見的代碼規(guī)范錯誤

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： 基于 Python 和 HuggingFace Transformers 的目標(biāo)檢測

下一篇： VSCode 的真正競爭對手即將到來：LiteXL