TypeScript Academy · Lektion

Villkorstyper (introduktion) och distribution över unioner

Lär dig villkorstyper (T extends U ? X : Y) och hur de distribueras över unioner för kraftfull logik på typnivå.

Lektion 2 av 38 steg

Villkorstyper (introduktion) och distribution över unioner är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 2 av 3. 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 3 lektioner.

Introduktion

Mål: Använd villkorstyper (T extends U ? X : Y) för att förgrena på typsystemnivå och förstå distribution över unioner för precisa resultat.

Grundläggande villkorstyp

En villkorstyp returnerar en av två typer beroende på om T extends U gäller.

type IsString<T> = T extends string ? true : false;

let a: IsString<string>;   // true
let b: IsString<number>;   // false

Distribution

Med en fristående typparameter T körs villkoret på varje medlem i unionen, varefter resultaten förenas i en union.

type ToArray<T> = T extends any ? T[] : never;

type R1 = ToArray<string | number>; // string[] | number[]

Stoppa distribution

Omslut T i en tupel (till exempel [T]) för att stoppa distributionen och behandla unionen som en helhet.

type ToArrayNoDistrib<T> = [T] extends [any] ? T[] : never;

type R2 = ToArrayNoDistrib<string | number>; // (string | number)[]

Praktisk Exclude

Många verktygstyper bygger på distribution (till exempel Exclude och Extract). Ni kan enkelt bygga egna varianter.

type MyExclude<T, U> = T extends U ? never : T;

type R3 = MyExclude<"a" | "b" | "c", "b">; // "a" | "c"

Tips

Tips:

  • Distribution sker endast med en fristående typparameter till vänster om extends.
  • Omslut den i en tupel för att välja bort distribution.
  • Testa med små exempel för att bekräfta förståelsen.

Kontroll av distribution

Snabbkontroll: Varför distribueras villkorstyper över unioner?

Sammanfattning

Sammanfattning: Använd villkorstyper för förgrening på typsystemnivå. Förstå när resultaten distribueras över unioner och hur det stängs av genom att omsluta typen i en tupel.

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 ”Villkorstyper (introduktion) och distribution över unioner” gratis?

Ja – hela texten till ”Villkorstyper (introduktion) och distribution över unioner” 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 3 lektioner.

Vad lär jag mig i ”Villkorstyper (introduktion) och distribution över unioner”?

Lär dig villkorstyper (T extends U ? X : Y) och hur de distribueras över unioner för kraftfull logik på typnivå. 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 2 av 3.

Hur lång tid tar lektionen ”Villkorstyper (introduktion) och distribution över unioner”?

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. Generiska interfaces och typalias
  2. Villkorstyper (introduktion) och distribution över unioner
  3. Återanvändbara mönster för datamodeller
← Tillbaka till TypeScript Academy