0Pricing
TypeScript Academy · Lekcja

Typy warunkowe: T extends U ? X : Y

Pisz instrukcje if na poziomie typów za pomocą typów warunkowych.

Typy warunkowe: T extends U ? X : Y to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 3 z 4. 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 4 lekcji w sumie.

Witamy

Typy warunkowe pozwalają wyrażać instrukcje warunkowe na poziomie typów. Są ważną częścią zaawansowanego systemu typów TypeScript i służą do tworzenia typów narzędziowych.

Podstawowa składnia

Zapisz `T extends U ? X : Y`. Jeśli T można przypisać do U, wynikiem jest X; w przeciwnym razie Y.
type IsString<T> = T extends string ? true : false;
type A = IsString<string>; // true
type B = IsString<number>; // false

Wbudowany typ NonNullable

`NonNullable` jest zaimplementowany za pomocą typu warunkowego, który usuwa `null` i `undefined` z T.
type NonNullable<T> = T extends null | undefined ? never : T;
type C = NonNullable<string | null>; // string

Typ warunkowy z generykami

Typy warunkowe są najbardziej przydatne wewnątrz funkcji generycznych i aliasów typów.
type Flatten<T> = T extends Array<infer I> ? I : T;
type Str = Flatten<string[]>; // string
type Num = Flatten<number>;   // number

Zagnieżdżone typy warunkowe

Typy warunkowe można zagnieżdżać, aby wyrażać bardziej złożoną logikę.
type TypeName<T> =
  T extends string ? 'string' :
  T extends number ? 'number' :
  T extends boolean ? 'boolean' :
  'object';

Rozdzielanie sum typów

Gdy T jest samodzielnym parametrem typu, typ warunkowy jest rozdzielany na elementy sumy typów.
type ToArray<T> = T extends any ? T[] : never;
type R = ToArray<string | number>; // string[] | number[]

Zapobieganie rozdzielaniu

Umieść T w krotce, aby zapobiec rozdzielaniu.
type NoDistribute<T> = [T] extends [any] ? T[] : never;
type R2 = NoDistribute<string | number>; // (string | number)[]

Używanie never do filtrowania

Zwrócenie `never` z typu warunkowego usuwa elementy sumy typów.
type OnlyStrings<T> = T extends string ? T : never;
type S = OnlyStrings<'a' | 'b' | 1 | 2>; // 'a' | 'b'

Typy warunkowe w typach mapowanych

Połącz typy mapowane i warunkowe, aby wybiórczo przekształcać właściwości obiektów.
type NullableValues<T> = { [K in keyof T]: T[K] extends string ? null : T[K] };

Wnioskowanie z parametrów funkcji

Użyj `infer` w typach warunkowych, aby wyodrębniać części złożonych typów.
type FirstParam<T> = T extends (first: infer P, ...rest: any[]) => any ? P : never;
type FP = FirstParam<(a: string, b: number) => void>; // string

Wbudowane narzędzia warunkowe

Wiele wbudowanych narzędzi (`ReturnType`, `Parameters`, `InstanceType`) jest zbudowanych za pomocą typów warunkowych i `infer`.
type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : any;

Szybki sprawdzian

Jaki jest wynik `type R = string extends object ? 'yes' : 'no'`?

Podsumowanie

Typy warunkowe (`T extends U ? X : Y`) umożliwiają logikę na poziomie typów. Rozdzielają sumy typów, współpracują z `infer` przy wyodrębnianiu i stanowią podstawę wielu wbudowanych typów narzędziowych TypeScript.

Często zadawane pytania

Czy lekcja „Typy warunkowe: T extends U ? X : Y” jest bezpłatna?

Tak — pełny tekst „Typy warunkowe: T extends U ? X : Y” 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 4 lekcji w sumie.

Co nauczysz się w „Typy warunkowe: T extends U ? X : Y”?

Pisz instrukcje if na poziomie typów za pomocą typów warunkowych. Ć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 4.

Ile czasu zajmuje lekcja „Typy warunkowe: T extends U ? X : Y”?

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. keyof i typy dostępu indeksowanego
  2. Ograniczenia generyczne: zawężanie parametrów typów
  3. Typy warunkowe: T extends U ? X : Y
  4. Rozdzielne typy warunkowe
← Powrót do TypeScript Academy