Моменты, которые я затронул в этой статье, основаны на Руководстве по стилю JavaScript от Google. Практика, о которой я говорю, соответствует предпочтениям Google, не универсальна и может изменяться.
Точка с запятой и ASI
Точка с запятой явно завершает оператор в JavaScript. Автоматическая вставка точки с запятой (ASI) - это способность JavaScript включать точки с запятой там, где это необходимо. Однако политика Google запрещает пропускать точки с запятой. Включение точки с запятой может сделать код более читаемым, а также предотвратить очень редкие и трудные для диагностики ошибки, возникающие из-за ASI.
Точку зрения Google обычно разделяют опытные инженеры, многие из которых считают отсутствие точек с запятой плохой практикой. Третьи говорят, что нет смысла включать их, поскольку система делает это за вас, если в политике вашей компании не указано иное.
Независимо от вашего личного выбора включения точек с запятой, практически повсеместно признано, по крайней мере вы должны знать, где их включать в случае, если вас об этом попросят - поэтому не позволяйте реализации ASI мешать вам научиться использовать точку с запятой.
Существуют расширения редактора кода, которые могут помочь вам в обнаружении пропущенных точек с запятой, JSHint широко известен для этой цели.
Const или Let - не Var
Уже давно, очень давно, прошло время var. При именовании переменных используйте const или let в зависимости от ваших намерений для этой переменной.
Напоминаем, что когда переменная установлена с помощью const, она не может быть установлена на новое значение позже. Если вы попытаетесь изменить его значение, будет выведена ошибка, чтобы значение не было перезаписано. При установке переменной с помощью let значение можно изменить без выдачи ошибки. Const и let имеют область видимости блока.
Одиночные кавычки и интерполяция
Строки следует заключать в одинарные кавычки, а не в двойные. При необходимости используйте обратный слеш - например, при добавлении слова с апострофом.
В случае включения переменной в строку используйте интерполяцию `${выражение JavaScript}` вместо конкатенации, поскольку она более читабельна.
Стрелочные функции и отступ
Стрелочные функции предпочтительны, особенно в случае вложенных функций.
Табуляция не является допустимым способом отступа, вместо этого используйте два пробела. Это очень важная тема в оформлении кода, если вы работаете в компании, то обязательно уточняйте моменты с табуляцией.
Горизонтальное выравнивание
Горизонтальное выравнивание переменных путем добавления дополнительных пробелов не рекомендуется. Хотя это и не запрещено, добавление пробелов не считается оптимальной практикой.
Спасибо, что нашли время прочитать эту небольшую статью. Помните, что правила компании различаются, а предпочтения Google не являются законом. Очень важно следовать стандартам компании и всегда быть последовательным в написании кода.
Если вы хотите больше интересных советов или статей по JavaScript, можете подписаться и перейти на мой канал, там уже есть несколько подобных статей. ;)
