JavaScript: Стили именования
greeting служит примером простого и понятного имени переменной. Но часто имён вроде name, email или price оказывается недостаточно. Например, нужно описать имя пользователя, общее количество заказов, максимальную длину сообщения. Такие имена уже состоят из нескольких слов. Как в таком случае будет выглядеть имя переменной?
В разных языках программирования используются разные стили именования. От этого зависит, как будет выглядеть имя переменной из нескольких слов. Например, вот как можно записать переменную, которая хранит максимальную длину сообщения:
maxmessagelengthmaxMessageLengthmax-message-lengthmax_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
Выведите их произведение.
Полезное
Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект
Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества
Ваше упражнение проверяется по этим тестам
// @ts-check
import { expect, test, vi } from 'vitest';
test('hello world', async () => {
const consoleLogSpy = vi.spyOn(console, 'log').mockImplementation(() => {});
await import('./index.js');
const firstArg = consoleLogSpy.mock.calls.join('\n');
expect(firstArg).toBe('2000');
});Решение учителя откроется через:
20:00
