В чем разница между ESLint и обычными ошибками консоли? - PullRequest
0 голосов
/ 17 апреля 2019

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

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

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

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

Ответы [ 2 ]

1 голос
/ 17 апреля 2019

ESLint:

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

Плюсы:

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

Минусы:

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


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

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


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

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

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

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

1 голос
/ 17 апреля 2019

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

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

Плюсы

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

Минусы

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

Примеры:

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

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

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

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

`a === b && foo === null`
  1. переменная не определена

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

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

var foo = bar; 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...