Руководство по написанию JavaScript с помощью JSHint

Примечание редактора: эта статья является частью нашей серии «Оптимизация кода», в которой мы рассмотрим, как оптимизировать кодирование для повышения эффективности в стремлении стать лучшими программистами.

пыление в компьютерном программировании – это процесс статического анализа кода с целью выявления таких проблем, как неправильный синтаксис и неправильное использование кода. Инструмент, используемый для ворса, известен как корпия или ЛИНТЕР, Одним из линтеров, доступных для JavaScript сегодня, является JSHint.

JSHint доступен для нескольких платформ. Интернет-инструмент, с которым большинство из нас знакомо, находится на jshint.com, Есть также инструмент командной строки через Node.js, JavaScript API, несколько текстовых редакторов и плагинов IDE для JSHint. Вы можете увидеть полный список доступных инструментов JSHint для различных сред в страница загрузки и установки веб-сайта JSHint.

Согласно его веб-сайту, два наиболее распространенных способа использования инструмента JSHint – это инструмент командной строки и API. Давайте посмотрим, как вы можете загрузить оба варианта вместе с другими вариантами печати, предоставляемыми инструментами.
С помощью инструмента командной строки
Шаг 1
Если на вашем компьютере не установлен Node.js, вам нужно Веб-сайт и скачать и установить его первым. Чтобы проверить, был ли Node.js успешно установлен, вы можете запустить команду npm -version в интерфейсе командной строки (CLI), и она покажет вам версию Node.js на вашем компьютере (или вы можете просто запустить введите команду npm и посмотрите, что получится).

Подробнее: Руководство для начинающих по Node.js

Шаг 2
Чтобы установить инструмент JSHint, выполните команду npm install jshint в CLI. Если вы хотите проверить, был ли JSHint успешно установлен, выполните команду jshint -version, чтобы увидеть его версию. После завершения этого шага установка завершена.
Шаг 3
Чтобы запустить инструмент, перейдите в каталог в CLI, где находится ваш файл JavaScript (скажем, test.js) и выполните команду jshint test.js. Появится результат анализа инструмента в вашем коде JavaScript (что-то вроде этого):
Через JavaScript API
Шаг 1
Загрузите сжатый файл с эта ссылка на GitHubи распакуйте его. в расстояние папку, в которой вы найдете jshint Файл JS (библиотека API).
Шаг 2
Чтобы использовать API, добавьте jshint JS файл для вашего проекта и ссылку на вашу страницу. К API можно получить доступ в коде JavaScript, используя функцию / объект с именем JSHINT. Ниже приведен пример HTML-кода, в котором JavaScript API JSHint используется для анализа кода JavaScript, присутствующего в исходном массиве, и отображения результатов анализа на странице.

Шаг 3
Мы передали исходный массив, содержащий исходный код JavaScript, который нужно проанализировать, и объект параметров, содержащий параметры linting (мы перейдем к опции в ближайшее время) в качестве параметров функции JSHINT. Результат анализа (объект JSON) извлекается из свойства функции JSHINT, называемого данными.
Шаг 4
JSON.stringify здесь используется только для отображения, чтобы отобразить результат, возвращенный функцией данных, в строковом формате на странице. украшенный Строка JSON выглядит следующим образом. Выделенные части – это ошибки, найденные JSHint в простых предложениях.
Варианты Linting
Параметры Linting позволяют нам настроить процесс Linting. Мы можем указать, какой тип ошибок или отклонений нужно указывать, а какие нет. В предыдущем примере использовались два варианта linting, а именно undef и unused.

Опция undef помечает необъявленные переменные, а неиспользуемые помечают переменные, которые были объявлены, но никогда не использовались. Подобно этому, есть еще много вариантов, которые вы можете увидеть в списке эта страницаЕсли вы хотите найти опцию, в правом верхнем углу есть панель поиска.

Если вы используете инструмент CLI через Node.js, вы можете записать параметры linting в файле package.json в свойстве jshintConfig в том же каталоге. Вы также можете добавить параметры в виде директив в коде JavaScript.

// – test.js –
/ * jshint undef: true, не используется: true * /
Foo ();
а = 7;
Существуют и другие способы настройки параметров линтинга в вашем проекте в зависимости от используемого вами инструмента. Проверьте различные способы для конфигурация Вот,