0Pricing
JavaScript Academy · Урок

Именование, читаемость и распространённые ошибки

Рекомендации по именованию и читаемости; избегайте затенения, магических чисел и смешанных объявлений.

«Именование, читаемость и распространённые ошибки» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 3 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.

Введение

Цель: Писать понятный код. Использовать ясные имена, избегать магических чисел и внимательно относиться к затенению.

  • Описательные имена
  • Константы для фиксированных значений
  • Без случайного затенения
Именование, читаемость и распространённые ошибки — иллюстрация 1

Демонстрация понятного именования

Называйте переменные по тому, что они хранят, а не по способу их использования. Короткие, но понятные имена — лучший выбор.

// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;

const totalPrice = itemCount * unitPrice;

console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
Именование, читаемость и распространённые ошибки — иллюстрация 2

Правила именования

Советы по именованию:

  • Существительные для данных (userName, totalPrice)
  • Глаголы для функций (computeTotal)
  • Соблюдайте единый регистр (camelCase)
Именование, читаемость и распространённые ошибки — иллюстрация 3

Без магических чисел

Выносите фиксированные значения в константы (часто используют UPPER_CASE). Это объясняет назначение значения и упрощает обновления.

// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;

const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;

console.log("Tax:", tax);
console.log("Final total:", finalTotal);
Именование, читаемость и распространённые ошибки — иллюстрация 4

Демонстрация затенения

Затенение: внутренняя переменная использует то же имя и скрывает внешнюю. При вложенных областях видимости предпочитайте уникальные имена.

// Shadowing: inner variable hides an outer one
let score = 10;

function addBonus() {
  // The next line creates a new "score" only inside this function
  let score = 5;
  console.log("Inner score:", score);
}

addBonus();
console.log("Outer score:", score);
Именование, читаемость и распространённые ошибки — иллюстрация 5

Контрольный список понятности

Контрольный список:

  • Одна идея в строке
  • Короткие функции
  • Используйте константы для фиксированных значений
  • Избегайте повторного использования имён в разных областях видимости
Именование, читаемость и распространённые ошибки — иллюстрация 6

Проверка лучших практик именования

Быстрая проверка: понятное именование.

Именование, читаемость и распространённые ошибки — иллюстрация 7

Повторение

Повторение: Используйте описательные имена, выносите фиксированные значения в константы и избегайте затенения, чтобы код было легко читать и поддерживать.

Именование, читаемость и распространённые ошибки — иллюстрация 8

Часто задаваемые вопросы

Урок «Именование, читаемость и распространённые ошибки» бесплатный?

Да — полный текст урока «Именование, читаемость и распространённые ошибки» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Именование, читаемость и распространённые ошибки»?

Рекомендации по именованию и читаемости; избегайте затенения, магических чисел и смешанных объявлений. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

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

Сколько времени занимает урок «Именование, читаемость и распространённые ошибки»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. let, const и отказ от var
  2. Области видимости блока, функции и модуля и TDZ
  3. Именование, читаемость и распространённые ошибки
← Назад к JavaScript Academy