Для чего нужен ESLint?

Что такое ESLint и зачем он нужен?

ESLint — это статический анализатор кода для JavaScript (и TypeScript через плагины). Он проверяет исходный код на соответствие заданным правилам без его выполнения. Основная цель — автоматически выявлять ошибки, несоответствия стилю и потенциально проблемные паттерны. Это помогает поддерживать чистоту и единообразие кодовой базы, особенно в больших командах.

Как это работает?

ESLint анализирует код, строит абстрактное синтаксическое дерево (AST) и применяет к нему набор правил. Каждое правило — это функция, которая проверяет определенные узлы AST. Если правило находит нарушение, ESLint сообщает об ошибке или предупреждении.

Пример настройки и использования

Установка и базовая конфигурация:

npm install eslint --save-dev
npx eslint --init

Пример файла конфигурации .eslintrc.json:

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": "eslint:recommended",
  "rules": {
    "no-unused-vars": "warn",
    "semi": ["error", "always"]
  }
}

Пример кода с ошибкой:

let x = 5
console.log(x)

ESLint выдаст предупреждение: Missing semicolon (semi).

Где применяется?

ESLint используется в любых JavaScript/TypeScript проектах. Его интегрируют в редакторы кода (подсветка ошибок на лету), в pre-commit хуки (через husky/lint-staged) и в пайплайны CI/CD для автоматической проверки перед мержем.

Вывод: ESLint — обязательный инструмент для поддержания качества кода в современных JS-проектах. Его стоит применять всегда, когда в проекте больше одного разработчика или когда важна стабильность и читаемость кода.