0Pricing
JavaScript Academy · Lekcja

if/else i switch — podstawowe wzorce

Pisz czytelne warunki za pomocą if/else i switch; używaj klauzul ochronnych do wcześniejszego kończenia działania.

if/else i switch — podstawowe wzorce to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 1 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 3 lekcji w sumie.

Wprowadzenie

Cel: Należy wybrać właściwą instrukcję warunkową. Zacząć od if/else, używać else if dla wielu gałęzi i stosować switch do czytelnego dopasowywania wartości.

if/else i switch — podstawowe wzorce — ilustracja 1

Podstawy if/else

Jeśli warunek jest prawdziwy, należy wykonać pierwszy blok, a w przeciwnym razie blok else.

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

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/else i switch — podstawowe wzorce — ilustracja 2

Łańcuch else if

Należy używać else if do sprawdzania warunków w kolejności od najbardziej szczegółowego do najbardziej ogólnego.

// 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 i switch — podstawowe wzorce — ilustracja 3

Podstawy switch

switch dopasowuje dokładne wartości. Należy pamiętać o break, aby uniknąć przechodzenia do kolejnych przypadków.

// 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 i switch — podstawowe wzorce — ilustracja 4

Klauzula guard

Należy używać guard clause, aby wcześniej zakończyć działanie, gdy dane wejściowe są nieprawidłowe; dzięki temu główna ścieżka pozostaje czytelna.

// 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 i switch — podstawowe wzorce — ilustracja 5

Wskazówki i błędy

Wskazówki:

  • Należy sprawdzać warunki od najbardziej szczegółowych do najbardziej ogólnych.
  • Warunki powinny być krótkie i czytelne.
  • W instrukcji switch należy uwzględnić przypadek default.
if/else i switch — podstawowe wzorce — ilustracja 6

Quiz: porównanie switch

Szybkie sprawdzenie: dopasowywanie w switch.

if/else i switch — podstawowe wzorce — ilustracja 7

Podsumowanie

Podsumowanie: Należy używać if/else dla dwóch ścieżek, else if dla uporządkowanych gałęzi, switch dla dokładnego dopasowywania wartości, a guard clause do wcześniejszego kończenia działania.

if/else i switch — podstawowe wzorce — ilustracja 8

Często zadawane pytania

Czy lekcja „if/else i switch — podstawowe wzorce” jest bezpłatna?

Tak — pełny tekst „if/else i switch — podstawowe wzorce” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 3 lekcji w sumie.

Co nauczysz się w „if/else i switch — podstawowe wzorce”?

Pisz czytelne warunki za pomocą if/else i switch; używaj klauzul ochronnych do wcześniejszego kończenia działania. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?

Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 3.

Ile czasu zajmuje lekcja „if/else i switch — podstawowe wzorce”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?

Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. if/else i switch — podstawowe wzorce
  2. Pętle: for, while, do…while, for…of a for…in
  3. Wczesne zwroty i klauzule ochronne
← Powrót do JavaScript Academy