Спасибо, что прочитали этот пост! Обязательно ознакомьтесь с другими моими работами на моем Веб-сайте, LinkedIn и Github.

Темы, которые я затронул в этом блоге, основаны на Руководстве по стилю JavaScript Google. Методы, о которых я говорю, соответствуют настройкам Google, не являются универсальными и могут быть изменены.

Точка с запятой и ASI

Точка с запятой явно завершает оператор в JavaScript. Автоматическая вставка точки с запятой (ASI) — это способность JavaScript включать точку с запятой там, где это необходимо в коде, почти идеально. Однако политика Google запрещает опускать точку с запятой. Включение точек с запятой может сделать код более читабельным, а также предотвратить очень редкие и трудно диагностируемые ошибки, возникающие из-за ASI.

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

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

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

Const или Let — не Var

Не время использовать var. При именовании переменных используйте const или let в зависимости от ваших намерений относительно этой переменной.

Напоминаем, что если переменная задана с помощью const, позднее ей нельзя будет присвоить новое значение. Если вы попытаетесь изменить его значение, будет полезно выдать ошибку, чтобы значение не было перезаписано. При установке переменной с помощью let значение можно изменить без возникновения ошибки. Const и let имеют область действия блока.

Одинарные кавычки и интерполяция

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

В случае включения переменной в строку используйте интерполяцию вместо конкатенации, так как она более удобочитаема.

Функции стрелок и отступы

Стрелочные функции предпочтительны, особенно в случае вложенных функций.

Табуляция не является допустимым способом отступа, вместо этого используйте два пробела. Это широко обсуждаемая тема, важно соответствовать вашей компании.

Горизонтальное выравнивание

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

Спасибо, что нашли время, чтобы прочитать этот пост. Имейте в виду, что политики компаний различаются, и предпочтения Google не являются законом. Очень важно следовать стандартам компании и всегда быть последовательным в написании кода.

Вдохновлено этой статьей Дэниела Симмонса. Руководство по стилю JavaScript от Google можно найти здесь.