JavaScript 語法校驗的重要性不言而喻，一個不規范的代碼可能會帶來無法預知的后果，嚴重影響我們的應用。這時候，我們就需要一種工具來檢查我們的 JavaScript 代碼是否符合語法規范。我們稱這種工具為 JavaScript 語法校驗器，本文將帶你深入了解這種工具。

JavaScript 語法校驗器常用的工具有 ESLint 和 JSHint 等。 下面我們就來介紹一下 ESLint 的使用：

npm install eslint --save-dev

這條指令將會將 ESLint 安裝在我們的項目之中。接下來，我們需要進行配置。常用的配置方法是新建一個 .eslintrc.js 文件，內容如下：

module.exports = {
"extends": "eslint:recommended",
"rules": {
// 自定義規則
"no-console": ["error", { "allow": ["warn", "error", "info"] }]
},
"env": {
// 添加環境變量
"browser": true,
"es6": true
}
};

以上代碼中，我們指定了 ESLint 的配置規則并進行了一些自定義的設置。例如，在規則中定義了 no-console 規則，禁止在代碼中使用 console，并且可以使用 warn、error 和 info 類型的 console 輸出。

接著，我們需要去修改 package.json 文件，添加如下代碼：

"scripts": {
"lint": "eslint ./src --ext .js,.jsx"
},

這里，我們為了方便，將 ESLint 的指令命名為 lint，執行指令后 ESLint 將會去掃描 ./src 目錄下的 .js 和 .jsx 文件，檢驗其中的語法錯誤。

最后，我們可以直接通過以下指令來執行 ESLint 校驗：

npm run lint

總得來說，使用 JavaScript 語法校驗器可以省去我們人工校驗代碼的繁瑣過程，提高代碼效率，快速定位語法錯誤，并對代碼質量進行持續的提升。