В чем разница между ESLint и обычными ошибками консоли?

Question

Я использую обычное ведение журнала ошибок в консоли ...
После трассировки стека вызовов и все.Никогда не было особых проблем.

Друг порекомендовал ESLint.Посмотрев на некоторые скриншоты, я не вижу большой разницы между тем, что делает ESLint и обычным ведением журнала ошибок.

Может ли кто-нибудь сравнить их, возможно, давая за и против.

БонусОчки: включите несколько вариантов использования, в которых один будет лучше другого.

Answer 1

ESLint:

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

Плюсы:

• Помогает предотвратить синтаксические ошибки
• Помогает предотвратить общие ошибки
• Помогает вам придерживаться правил кодирования
• ...

Минусы:

• Нужно настроить
• Иногда это может немного раздражать ...

Консоль браузера:

С другой стороны, консоль - это инструмент, который вы можете найти во всех современных браузерах. В отличие от линтера, в консоли вы найдете ошибки времени выполнения -ie. ошибки произошли во время исполнения вашего кода.

---

ESLint против консоли:

Вам не нужно выбирать между тем или другим. И то, и другое отвечает различным потребностям, и оба могут помочь вам поставить лучшее программное обеспечение.

Если вы кодируете Front-End JavaScript, я уверен, что вы уже ежедневно используете консоль браузера.

Кроме того, вы можете использовать линтер или нет.

Answer 2

Инструмент для рисования помогает мне избежать глупых ошибок при написании JavaScript. Несмотря на мой многолетний опыт, я все еще неправильно печатаю имена переменных, делаю синтаксические ошибки и забываю правильно обрабатывать свои ошибки. Хороший инструмент для подкладки, или подкладка, расскажет мне об этом до того, как я потрачу время - или, что еще хуже, время моего клиента. Хороший инструмент для раскрашивания также поможет убедиться, что проект соответствует стандарту кодирования.

Для JavaScript доступно много линтеров, таких как JSLint, JSHint, JSCS и ESLint. Давайте рассмотрим плюсы и минусы альтернатив:

Плюсы

• избегайте глупых ошибок при написании JavaScript
• избегать синтаксических ошибок
• придерживается стандарта кодирования
• Поставляется настроенным и готовым к работе (если вы согласны с правилами, то навязывает)
• Лучшая поддержка ES6, а также единственный инструмент для поддержки JSX
• Устранить ошибку перед компиляцией с помощью хорошего плагина IDE для линтинга и т.д ..

Минусы

• Вы не можете добавлять пользовательские правила (не для всех случаев)
• Трудно понять, какое правило вызывает какую ошибку
• Требуется некоторая конфигурация
• Медленно, но не помеха

Примеры:

1. Строгий тип проверки в условиях:

вы получите ошибку lint для строгой проверки типов в приведенном ниже коде.

`a == b && foo == null`

с ошибкой ворса, вы можете решить эту проблему, чтобы избежать

`a === b && foo === null`

2. переменная не определена

вы получите ошибку lint, если переменная не объявлена ​​в следующем коде.

'foo' присваивается значение, но оно никогда не используется. и 'bar' не определен.

var foo = bar;