/
Программирование
/
Курс JavaScript
/

Стили именования

JavaScript: Стили именования

greeting служит примером простого и понятного имени переменной. Но часто имён вроде name, email или price оказывается недостаточно. Например, нужно описать имя пользователя, общее количество заказов, максимальную длину сообщения. Такие имена уже состоят из нескольких слов. Как в таком случае будет выглядеть имя переменной?

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

  1. maxmessagelength
  2. maxMessageLength
  3. max-message-length
  4. max_message_length

Основные стили

Вот несколько популярных подходов к написанию составных имён:

  • kebab-case: слова разделяются дефисом — max-message-length.

    В JavaScript не работает, так как дефис (-) воспринимается как оператор вычитания.

  • snake_case: слова разделяются подчёркиванием — max_message_length. Это стандарт в некоторых других языках, например в Python.

  • CamelCase (или UpperCamelCase): каждое слово с заглавной буквы, без разделителей — MaxMessageLength. В JavaScript так принято называть классы.

  • lowerCamelCase: то же самое, но первое слово со строчной буквы — maxMessageLength.

Как правильно в JavaScript

Стандартом для переменных в JavaScript является lowerCamelCase: первое слово строчными буквами, каждое последующее — с заглавной.

const userName = 'Daenerys';
const maxLength = 280;
const totalOrdersCount = 17;

Как не надо

Не стоит включать тип данных в имя переменной. Такие имена хуже читаются и быстро устаревают. Например, userNameString или messagesNumber описывают не смысл переменной, а её техническую реализацию.

Имя должно отвечать на вопрос «что хранится?», а не «какого это типа?». Поэтому лучше писать userName вместо userNameString и messagesCount вместо messagesNumber.

Задание

Напишите программу, которая вычисляет и выводит на экран стоимость покупки.

Создайте две переменные в стиле lowerCamelCase:

  • количество товаров: 20
  • цена одного товара: 100

Выведите их произведение.

Полезное

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются