Typy warunkowe — wprowadzenie — i dystrybucja po uniach
Poznanie typów warunkowych (T extends U ? X : Y) oraz sposobu ich dystrybucji po uniach na potrzeby zaawansowanej logiki na poziomie typów
Typy warunkowe — wprowadzenie — i dystrybucja po uniach to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 2 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: Używać typów warunkowych (T extends U ? X : Y) do rozgałęziania na poziomie typów oraz rozumieć dystrybucję po uniach, aby uzyskiwać precyzyjne wyniki.
Podstawowy typ warunkowy
Typ warunkowy zwraca jeden z dwóch typów w zależności od tego, czy zachodzi warunek T extends U.
type IsString<T> = T extends string ? true : false;
let a: IsString<string>; // true
let b: IsString<number>; // false
Dystrybucja
W przypadku nieopakowanego parametru typu T typ warunkowy jest obliczany dla każdego elementu unii, a następnie wyniki są łączone w unię.
type ToArray<T> = T extends any ? T[] : never;
type R1 = ToArray<string | number>; // string[] | number[]Zatrzymywanie dystrybucji
Należy umieścić T w krotce, na przykład [T], aby zatrzymać dystrybucję i traktować unię jako całość.
type ToArrayNoDistrib<T> = [T] extends [any] ? T[] : never;
type R2 = ToArrayNoDistrib<string | number>; // (string | number)[]Praktyczne użycie Exclude
Wiele typów pomocniczych korzysta z dystrybucji, na przykład Exclude i Extract. Własne warianty można tworzyć w prosty sposób.
type MyExclude<T, U> = T extends U ? never : T;
type R3 = MyExclude<"a" | "b" | "c", "b">; // "a" | "c"Wskazówki
Wskazówki:
- Dystrybucja zachodzi wyłącznie wtedy, gdy po lewej stronie
extendsznajduje się nieopakowany parametr typu. - Aby zrezygnować z dystrybucji, należy użyć krotki.
- Należy testować małe przykłady, aby potwierdzać swoje rozumienie.
Sprawdzenie dystrybucji
Szybkie sprawdzenie: Dlaczego typy warunkowe podlegają dystrybucji po uniach?
Podsumowanie
Podsumowanie: Typów warunkowych należy używać do rozgałęziania na poziomie typów. Należy rozumieć, kiedy wyniki podlegają dystrybucji po uniach oraz jak ją wyłączyć za pomocą opakowania w krotkę.
Ucz się TypeScript dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 101
- Lekcje
- 352
Często zadawane pytania
Czy lekcja „Typy warunkowe — wprowadzenie — i dystrybucja po uniach” jest bezpłatna?
Tak — pełny tekst „Typy warunkowe — wprowadzenie — i dystrybucja po uniach” 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 warunkowe — wprowadzenie — i dystrybucja po uniach”?
Poznanie typów warunkowych (T extends U ? X : Y) oraz sposobu ich dystrybucji po uniach na potrzeby zaawansowanej logiki na poziomie typów Ć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 2 z 3.
Ile czasu zajmuje lekcja „Typy warunkowe — wprowadzenie — i dystrybucja po uniach”?
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
- Generyczne interfejsy i aliasy typów
- Typy warunkowe — wprowadzenie — i dystrybucja po uniach
- Wielokrotnego użytku wzorce modeli danych