Who the hell are you ESlint

前言

ESlint 是 JavaScript 的程式碼整理法典，它可以幫助你提升程式品質，主動檢查 JS 程式碼。其客製化功能非常強大，在現代自動化的世界中，已經成為不可或缺的工具，保證你一試成主顧。

Fun fact

ESlint 的意思：

• ES 是 ECMAScript 的簡稱。
• lint 是用來分析與檢查程式碼的工具，但如果翻譯成中文會查到「棉布的毛絮、纖維」，所以可以理解為它是處理 JS 程式碼中的瑕疵。

麻瓜解釋

今天，小華用 Word 寫了一篇文章給小華，但信中的所有標點符號、換行、文字等都沒有仔細檢查，結果被小橘念了好幾次。於是，小華下載了一個檢查軟體叫做 ESlint。設定完成後，只要每次存檔，檔案就會自動格式化，補齊和修正標點符號。

當然，有自動化工具固然好，但建議想成為工程師的朋友們，還是要多練習寫好自己的程式碼，ESlint 當作輔助工具即可。

歷史

最早可追溯到 1979 年，當時最早的 lint 工具主要用來標記 C 語言中可能導致錯誤的程式結構。到了 2002 年，JSLint 誕生，被認為是第一個 JS 語法剖析器。2011 年後，基於 JSLint 的 JSHint 出現。

由於 JSLint 和 JSHint 缺少更多程式碼品質和風格規則，JSHint 的創造者 Nicholas C. Zakas 決定在 2013 年 6 月創造一個新的 lint 工具：ESlint。它是靜態程式碼分析工具，能辨識 JS 程式碼中的問題。Zakas 在 2013 年推出了 ESlint，該工具可解決程式碼品質及風格問題，並支援 ECMAScript 規範，甚至支援未來的實驗性語法。

後記

靜態程式碼分析（Static Program Analysis）和語法剖析器（Syntactic Analysis）之間的區別：

• 語法剖析器：主要檢查程式語法的正確性，不檢視邏輯是否有錯誤。
• 靜態分析：涵蓋更多範疇，包含程式語法、邏輯錯誤和潛在問題的檢查。

參考

靜態程式分析 - 維基百科
About - ESLint - Pluggable JavaScript Linter
Lint (software) - Wikipedia
ESLint - Wikipedia
JSLint - 維基百科，自由的百科全書
JSHint - 維基百科，自由的百科全書