0Pricing
JavaScript Academy · Урок

if/else и switch — основные шаблоны

Пишите понятные условия с if/else и switch; используйте защитные условия для раннего выхода.

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

Введение

Цель: Выбирать подходящую условную конструкцию. Начинайте с if/else, добавляйте else if для нескольких ветвей и используйте switch для ясного сопоставления значений.

if/else и switch — основные шаблоны — иллюстрация 1

Основы if/else

Если условие истинно, выполните первый блок; в противном случае выполните блок else.

// if/else — choose between two paths
const score = 72;

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/else и switch — основные шаблоны — иллюстрация 2

Цепочка else if

Используйте else if для последовательных проверок — от самых конкретных к общим.

// else if — three or more branches
const temp = 18;

if (temp >= 30) {
  console.log("Hot");
} else if (temp >= 15) {
  console.log("Mild");
} else {
  console.log("Cold");
}
if/else и switch — основные шаблоны — иллюстрация 3

Основы switch

switch сопоставляет точные значения. Не забывайте о break, чтобы избежать проваливания в следующий случай.

// switch — clean matching on a single value
const day = "Mon";

switch (day) {
  case "Mon":
    console.log("Start strong");
    break;
  case "Fri":
    console.log("Finish line");
    break;
  default:
    console.log("Keep going");
}
if/else и switch — основные шаблоны — иллюстрация 4

Защитная проверка

Используйте защитную проверку, чтобы досрочно выйти, если входные данные недействительны; так основной сценарий остаётся понятным.

// Guard clause — return early for invalid input
function greet(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  console.log("Hello, " + name + "!");
}

greet("");
greet("Ayla");
if/else и switch — основные шаблоны — иллюстрация 5

Советы и ошибки

Советы:

  • Располага­йте проверки от самых конкретных к общим.
  • Делайте условия короткими и понятными.
  • В switch добавляйте случай default.
if/else и switch — основные шаблоны — иллюстрация 6

Проверка сопоставления switch

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

if/else и switch — основные шаблоны — иллюстрация 7

Повторение

Повторение: Используйте if/else для двух путей, else if — для последовательных ветвей, switch — для точного сопоставления значений, а защитные проверки — для досрочного выхода.

if/else и switch — основные шаблоны — иллюстрация 8

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

Урок «if/else и switch — основные шаблоны» бесплатный?

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

Чему я научусь в уроке «if/else и switch — основные шаблоны»?

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

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

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

Сколько времени занимает урок «if/else и switch — основные шаблоны»?

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

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

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

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

  1. if/else и switch — основные шаблоны
  2. Циклы: for, while, do…while, for…of и for…in
  3. Ранний возврат и защитные условия
← Назад к JavaScript Academy