0Pricing
TypeScript Academy · Lekcja

Typy unii i literałów (wprowadzenie do zawężania)

Połączą Państwo typy za pomocą unii, użyją typów literałowych dla dokładnych wartości i zastosują podstawowe zawężanie.

Typy unii i literałów (wprowadzenie do zawężania) to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 3 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 TypeScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs TypeScript Academy zawiera 3 lekcji w sumie.

Wprowadzenie

Cel: Nauczyć się łączyć wiele typów za pomocą union i ograniczać wartości za pomocą typów literałowych. Ułatwia to tworzenie bezpieczniejszych interfejsów API.

Podstawy unii

Typy unii używają symbolu |, aby zezwolić na jeden z kilku typów. W tym przypadku jest to string lub number.

let value: string | number;
value = "hello";

value = 42;

// value = true; 
// Error, not allowed

Typy literałowe

Typy literałowe ograniczają wartości do dokładnie określonych opcji. Są często używane w konfiguracjach i wyliczeniach.

let direction: "left" | "right";
direction = "left";

// direction = "up";
 // Error

Podstawy zawężania

Zawężanie sprawdza typ w czasie działania (np. typeof), aby umożliwić bezpieczny dostęp do składowych.

function printId(id: string | number) {
  if (typeof id === "string") {
    console.log(id.toUpperCase());
  } else {
    console.log(id.toFixed(2));
  }
}

printId("abc");
printId(123.456);

Unie dyskryminowane

Unie dyskryminowane łączą literałowe znaczniki z obiektami. Zawężanie na podstawie kind pozwala TypeScriptowi prawidłowo rozpoznawać typ.

type Shape =
  | { kind: "circle"; radius: number }
  | { kind: "square"; size: number };

function area(shape: Shape): number {
  if (shape.kind === "circle") {
    return Math.PI * shape.radius ** 2;
  } else {
    return shape.size * shape.size;
  }
}

console.log(area({ kind: "circle", radius: 2 }));
console.log(area({ kind: "square", size: 3 }));

Dlaczego unie i typy literałowe

Dlaczego używać unii i typów literałowych? Uniemożliwiają one wystąpienie nieprawidłowych stanów, ułatwiają autouzupełnianie i pozwalają kompilatorowi wcześniej wykrywać błędy.

Sprawdzenie unii

Szybkie sprawdzenie: Czym jest typ unii?

Podsumowanie

Podsumowanie: Symbolu | należy używać do tworzenia unii, typów literałowych do określania dokładnych wartości, a zawężania do bezpiecznego rozgałęziania kodu. Te narzędzia sprawiają, że TS jest wyrazisty i bezpieczny.

Często zadawane pytania

Czy lekcja „Typy unii i literałów (wprowadzenie do zawężania)” jest bezpłatna?

Tak — pełny tekst „Typy unii i literałów (wprowadzenie do zawężania)” 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 TypeScript Academy, przejdź na CoddyKit PRO. Kurs TypeScript Academy zawiera 3 lekcji w sumie.

Co nauczysz się w „Typy unii i literałów (wprowadzenie do zawężania)”?

Połączą Państwo typy za pomocą unii, użyją typów literałowych dla dokładnych wartości i zastosują podstawowe zawężanie. Ćwiczysz TypeScript 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ąć TypeScript Academy?

Nie wymagamy żadnego doświadczenia. TypeScript 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 3 z 3.

Ile czasu zajmuje lekcja „Typy unii i literałów (wprowadzenie do zawężania)”?

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 TypeScript Academy?

Tak. Każda lekcja TypeScript 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. Typy prymitywne i adnotacje
  2. Inferencja typów i any a unknown
  3. Typy unii i literałów (wprowadzenie do zawężania)
← Powrót do TypeScript Academy