0Pricing
TypeScript Academy · Lekcja

Typy przecięcia i sumy

Poznaj sposoby łączenia wielu typów w jeden za pomocą przecięć oraz tworzenia elastycznych opcji typów za pomocą sum

Typy przecięcia i sumy 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 do typów unii i przecięcia

Wprowadzenie do typów unii i przecięcia

Typy unii i przecięcia w TypeScript umożliwiają łączenie typów lub tworzenie elastycznych typów, zapewniając zaawansowany sposób definiowania złożonych struktur danych.

Typy przecięcia i sumy — ilustracja 1

Czym są typy unii?

Czym są typy unii?

Typy unii pozwalają, aby wartość należała do jednego z kilku typów. Typ unii można zdefiniować za pomocą operatora |.

Przykład typów unii

Przykład typów unii

Oto przykład użycia typu unii:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

Czym są typy przecięcia?

Czym są typy przecięcia?

Typy przecięcia łączą wiele typów w jeden, wymagając, aby typ wynikowy zawierał wszystkie właściwości łączonych typów.

Przykład typów przecięcia

Przykład typów przecięcia

Oto przykład użycia typu przecięcia:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

Różnice między typami unii a typami przecięcia

Różnice między typami unii a typami przecięcia

Typy unii pozwalają, aby wartości należały do wielu możliwych typów, natomiast typy przecięcia łączą wiele typów w jeden, wymagając obecności wszystkich właściwości.

Praktyczne zastosowania

Praktyczne zastosowania

Typy unii doskonale sprawdzają się przy obsłudze danych wejściowych różnych typów, natomiast typy przecięcia są idealne do łączenia wielu ról lub funkcji w jeden typ.

Zadanie praktyczne

Zadanie praktyczne

Proszę utworzyć typ, który łączy typ Product z typem Discount za pomocą typów przecięcia. Proszę użyć go do zadeklarowania zmiennej.

Powtórzenie typów unii i przecięcia

Gratulacje!

Nauczyli się Państwo używać typów unii i przecięcia do definiowania elastycznych i połączonych typów w TypeScript. Proszę ćwiczyć te pojęcia, aby tworzyć bardziej niezawodny kod z bezpiecznym typowaniem!

Typy przecięcia i sumy — ilustracja 10

Często zadawane pytania

Czy lekcja „Typy przecięcia i sumy” jest bezpłatna?

Tak — pełny tekst „Typy przecięcia i sumy” 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 przecięcia i sumy”?

Poznaj sposoby łączenia wielu typów w jeden za pomocą przecięć oraz tworzenia elastycznych opcji typów za pomocą sum Ć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 przecięcia i sumy”?

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 Keyof i lookup
  2. Typy mapowane
  3. Typy przecięcia i sumy
← Powrót do TypeScript Academy