Соглашения о корпусе — невоспетые герои программирования; они иногда остаются незамеченными, но они оказывают существенное влияние на то, насколько удобочитаем и удобен ваш код. Соглашения об именах, которые вы используете для своих переменных, функций и констант JavaScript, могут сделать разницу между чистой, хорошо организованной кодовой базой и запутанным беспорядком. Имея так много доступных соглашений, важно понимать нюансы каждого из них и выбирать правильный для работы. В этой статье мы раскроем тайны трех наиболее часто используемых соглашений о регистре в JavaScript: camelCase, PascalCase и snake_case. В этой части будут предложены советы и примеры, которые помогут разработчикам всех уровней создавать более чистый, разборчивый и простой в обслуживании код. Приготовьтесь улучшить свои навыки кодирования и раскрыть весь потенциал JavaScript для соглашений о регистрах.

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

При этом в JavaScript существует три основных соглашения о регистре: camelCase, PascalCase и snake_case. "camelCase" использует строчные буквы с заглавной первой буквой последующих слов, а "PascalCase" использует заглавные буквы для всех слов. «snake_case» использует все строчные (или прописные) буквы и символы подчеркивания для разделения слов. Например, «camelCase» может выглядеть так: «let userName», «PascalCase» может выглядеть так: «let UserName», а «snake_case» может выглядеть так: «let user_name». В следующих разделах мы более подробно рассмотрим каждое из этих соглашений, обсудим варианты их использования и предложим примеры из реальной жизни, которые помогут вам понять, когда и как применять их к вашему собственному коду.

верблюдЧехол

Верблюжий регистр — это стиль именования, используемый в программировании, особенно в JavaScript, где начальная буква каждого слова в имени, состоящем из нескольких слов, пишется с большой буквы, за исключением первого слова, которое остается строчным. Это соглашение называется «camelCase», потому что заглавные буквы напоминают горбы на спине верблюда.

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

В приведенном выше примере переменные «userName» и «currentYear» были названы с использованием camelCase, что позволяет легко отличить их друг от друга. Функция «greetUser» также приняла такое же соглашение.

Последовательное использование верблюжьего регистра может облегчить чтение и понимание вашего кода другими, поскольку это соглашение широко используется в сообществе JavaScript. Кроме того, несколько известных библиотек и фреймворков, включая React и Angular, используют в своем коде «camelCase», поэтому соблюдение соглашения может упростить интеграцию вашего кода с этими инструментами.

PascalCase

Pascal case — это соглашение об именах, используемое в программировании, включая JavaScript, где первая буква каждого слова в имени, состоящем из нескольких слов, заглавная, включая первое слово. Как один из первых компьютерных языков, использующих этот подход, соглашение об именах часто упоминается как «PascalCase», потому что оно было названо в честь языка программирования Pascal.

Именование конструкторов и классов в JavaScript часто следует этому соглашению. Например:

Как видите, функции-конструкторы и имена классов написаны в паскалевом регистре, что упрощает определение того, являются ли они конструкторами или классами при чтении кода. Это широко используемое соглашение в сообществе JavaScript, которое улучшает читабельность и удобство сопровождения кода.

змея_кейс

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

Каждое слово в регистре змеи отделяется подчеркиванием, что упрощает чтение и понимание значения переменной или функции. Этот стандарт особенно полезен при работе с параметрами конфигурации или константами, поскольку он делает очевидным, что значение не должно изменяться.

Существует два варианта змейки: нижняя змейка (snake_case) и верхняя змейка (SNAKE_CASE).

Нижний корпус змеи

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

Например:

Верхний змеиный чехол

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

Например:

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

Для удобочитаемости и ремонтопригодности кода выбор регистра в JavaScript имеет решающее значение. Разработчики могут писать код, который легко понять, отладить и изменить, поняв и регулярно применяя правильные соглашения. Независимо от того, нравится ли вам camelCase, PascalCase или змея_case, очень важно выбрать один из них и придерживаться его во всей кодовой базе. Качество вашего кода можно значительно улучшить, используя соглашения о регистре вместе с соглашениями об описательных именах, что упрощает работу и делает чтение более приятным. Таким образом, для оптимальной выгоды тщательно обдумайте свой выбор соглашения о регистре в следующий раз, когда будете писать JavaScript, и обязательно используйте его последовательно.