Javascript — отличный язык программирования, однако написание чистого кода javascript может оказаться сложной задачей даже для опытных программистов.

Как выглядит чистый код JavaScript? Так должно быть:

  1. Легко читать
  2. Легко отлаживать
  3. Эффективный и высокопроизводительный

Вот лучшие инструменты и приемы, которые вы можете использовать, чтобы вывести качество кода Javascript на новый уровень:

1. Используйте try catch для всех запросов API и методов JSON.

Многочисленные вещи могут пойти не так, когда вы делаете запросы API для получения данных, поэтому необходимо позаботиться об этих сценариях. При работе с JSON не доверяйте автоматически тому, что дается, постарайтесь сделать свой код более надежным, обработав возможные несоответствия.

Описание изображения

2. Использовать линтер (ESLint/TSLint)
Линтер — это инструмент статического анализа кода, который проверяет программные и стилистические ошибки на основе предопределенного набора правил и конфигурации. Короче говоря, это улучшит ваш Javascript/Typescript и поможет сделать его более последовательным.

3. Отслеживайте проблемы с Javascript в своем редакторе

Важным компонентом поддержания чистоты кодовой базы Javascript является упрощение отслеживания и выявления проблем в самом коде. Отслеживание проблем с кодовой базой в редакторе позволяет инженерам:

  • Получите полное представление о более крупных проблемах, таких как технический долг
  • См. контекст для каждой проблемы с кодовой базой
  • Уменьшить переключение контекста
  • Постоянно решать технический долг

Вы можете использовать различные инструменты для отслеживания технического долга, но самый быстрый и простой способ начать работу — использовать бесплатные расширения Stepsize для VSCode или JetBrains, которые интегрируются с Jira, Linear, Asana и другими инструментами управления проектами.

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

Описание изображения

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

6. Используйте дополнительные цепочки
Избавьтесь от длинных логических соединений и упростите свой код с помощью необязательных цепочек.

Описание изображения

7. Избегайте вложенности

Вложение — это верный способ усложнить код и сделать его намного труднее для чтения и понимания. Подумайте о рефакторинге, если он имеет более двух уровней глубины, с условиями возврата на корневом уровне, более короткими блоками и абстрагированием вложенной логики в свои собственные функции.

8. Комментируйте весь нетипичный код, но не позволяйте этому заменять читабельность кода

Будут времена, когда вам придется обрабатывать необычные сценарии, где нет установленных соглашений. Комментирование этого кода, чтобы помочь объяснить, что он делает, и контекст, который рассматривается, очень поможет другим программистам, а также будет напоминанием вам, когда вы вернетесь к коду в будущем. Но это не должно использоваться как костыль для того, чтобы не думать о написании читаемого кода в первую очередь!