TypeScript Academy · Lektion

Distributiva villkorstyper

Förstå hur villkor fördelas över unionsmedlemmar

Lektion 4 av 413 steg

Distributiva villkorstyper är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för TypeScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i TypeScript Academy innehåller totalt 4 lektioner.

Välkommen

Distributiva villkorstyper tillämpar en villkorstyp på varje medlem i en union separat. Detta kraftfulla beteende möjliggör omvandling och filtrering av unioner.

Vad innebär fördelning

När en villkorstyp har ett fristående generiskt T och T är en union tillämpar TypeScript villkoret separat på varje unionsmedlem.
type Wrap<T> = T extends any ? { value: T } : never;
type R = Wrap<string | number>;
// = { value: string } | { value: number }

Det viktiga villkoret

Fördelning sker endast när T är en fristående, inte inlindad, generisk typparameter. Om T lindas in i en tupel förhindras den.
type Bare<T> = T extends string ? 'yes' : 'no';
type Wrapped<T> = [T] extends [string] ? 'yes' : 'no';
type B = Bare<'a' | 'b'>; // 'yes' | 'yes' = 'yes'
type W = Wrapped<'a' | 'b'>; // 'no' — treated as a tuple

Filtrera unioner med never

Om den falska grenen returnerar never filtreras unionens medlemmar bort.
type StringsOnly<T> = T extends string ? T : never;
type S = StringsOnly<string | number | boolean>; // string

Det inbyggda verktyget Extract

Extract implementeras med en distributiv villkorstyp som behåller medlemmar som kan tilldelas till U.
type Extract<T, U> = T extends U ? T : never;
type E = Extract<string | number | boolean, string | number>; // string | number

Det inbyggda verktyget Exclude

Exclude tar bort unionsmedlemmar som kan tilldelas till U.
type Exclude<T, U> = T extends U ? never : T;
type Ex = Exclude<string | number | boolean, boolean>; // string | number

Fördelning med ToArray

Tillämpa ToArray på varje unionsmedlem separat genom fördelning.
type ToArray<T> = T extends any ? T[] : never;
type R = ToArray<string | number>; // string[] | number[]

När fördelning bör förhindras

Ibland vill ni behandla hela unionen som ett enda typargument i stället för att fördela över den.
type IsUnion<T> = [T] extends [T] ? [T] extends [Exclude<T, T>] ? false : true : false;

Distributiva mappade typer

Kombinera distributiva villkorstyper med mappade typer för att omvandla utvalda egenskaper.
type PickByValue<T, V> = {
  [K in keyof T as T[K] extends V ? K : never]: T[K]
};

Distributiv villkorstyp i ReturnType

Det distributiva beteendet gör att ReturnType fungerar korrekt när T är en union av funktionstyper.
type Fn = (() => string) | (() => number);
type R = ReturnType<Fn>; // string | number

Eager kontra lazy fördelning

TypeScript skjuter upp utvärderingen av villkorstyper med fria typparametrar tills de har lösts – detta kallas lat utvärdering.

Snabbtest

Vad blir `type R = (string | number) extends string ? 'yes' : 'no'` när T INTE är en fristående generisk typ?

Sammanfattning

Distributiva villkorstyper tillämpas separat på varje unionsmedlem när T är en fristående generisk parameter. Detta ligger till grund för Extract, Exclude och anpassad unionsfiltrering. Linda in typen i en tupel för att förhindra fördelning.
Gratis att börja

Lär dig TypeScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser
101
Lektioner
352

Vanliga frågor

Är lektionen ”Distributiva villkorstyper” gratis?

Ja – hela texten till ”Distributiva villkorstyper” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i TypeScript Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i TypeScript Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Distributiva villkorstyper”?

Förstå hur villkor fördelas över unionsmedlemmar Ni övar på TypeScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig TypeScript Academy?

Du behöver inga förkunskaper. Utbildningen i TypeScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.

Hur lång tid tar lektionen ”Distributiva villkorstyper”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här TypeScript Academy-lektionen?

Ja. Varje TypeScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

  1. keyof och indexerade åtkomsttyper
  2. Generiska begränsningar: begränsa typparametrar
  3. Villkorstyper: T extends U ? X : Y
  4. Distributiva villkorstyper
← Tillbaka till TypeScript Academy