Union- og literal-typer (introduktion til grundlæggende narrowing)
Kombinér typer med unions, brug literal-typer til præcise værdier, og anvend grundlæggende narrowing.
Union- og literal-typer (introduktion til grundlæggende narrowing) er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 3 af 3. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 3 lektioner i alt.
Introduktion
Mål: Lær at kombinere flere typer med union og begrænse værdier med literaltyper. Det hjælper med at skabe sikrere API'er.
Det grundlæggende om unioner
Unionstyper bruger | til at tillade én af flere typer. Her: string eller number.
let value: string | number;
value = "hello";
value = 42;
// value = true;
// Error, not allowedLiteraltyper
Literaltyper begrænser værdier til præcise valgmuligheder. De bruges ofte til konfigurationer og enumereringer.
let direction: "left" | "right";
direction = "left";
// direction = "up";
// ErrorDet grundlæggende om indsnævring
Indsnævring kontrollerer typen under kørsel (f.eks. typeof), så du sikkert kan få adgang til medlemmer.
function printId(id: string | number) {
if (typeof id === "string") {
console.log(id.toUpperCase());
} else {
console.log(id.toFixed(2));
}
}
printId("abc");
printId(123.456);
Diskriminerede unioner
Diskriminerede unioner kombinerer literal-mærker med objekter. Indsnævring baseret på kind gør TypeScript intelligent.
type Shape =
| { kind: "circle"; radius: number }
| { kind: "square"; size: number };
function area(shape: Shape): number {
if (shape.kind === "circle") {
return Math.PI * shape.radius ** 2;
} else {
return shape.size * shape.size;
}
}
console.log(area({ kind: "circle", radius: 2 }));
console.log(area({ kind: "square", size: 3 }));
Hvorfor bruge unioner og literaltyper?
Hvorfor bruge unioner og literaltyper? De gør ugyldige tilstande umulige, hjælper med autoudfyldelse og lader compileren opdage fejl tidligere.
Kontrol af unioner
Hurtig kontrol: Hvad er en unionstype?
Opsamling
Opsamling: Brug | til unioner, literaltyper til præcise værdier og indsnævring til sikker forgrening. Disse værktøjer gør TS udtryksfuldt og sikkert.
Lær TypeScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 101
- Lektioner
- 352
Ofte stillede spørgsmål
Er lektionen “Union- og literal-typer (introduktion til grundlæggende narrowing)” gratis?
Ja — hele teksten til “Union- og literal-typer (introduktion til grundlæggende narrowing)” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 3 lektioner i alt.
Hvad lærer jeg i “Union- og literal-typer (introduktion til grundlæggende narrowing)”?
Kombinér typer med unions, brug literal-typer til præcise værdier, og anvend grundlæggende narrowing. Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på TypeScript Academy?
Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 3.
Hvor lang tid tager lektionen “Union- og literal-typer (introduktion til grundlæggende narrowing)”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?
Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Primitive typer og annoteringer
- Typeinferens og any kontra unknown
- Union- og literal-typer (introduktion til grundlæggende narrowing)