Literaltyper

Velkommen til den næste lektion! I denne lektion lærer du om literaltyper, en funktion i TypeScript, der gør det muligt at definere præcise og specifikke værdier for variabler. Det gør din kode mere forudsigelig og typesikker. Lad os gå i gang!

Literaltyper i TypeScript gør det muligt for en variabel at indeholde en bestemt værdi i stedet for blot en generel type som string eller number. Du kan f.eks. begrænse en variabel, så den kun kan indeholde værdien "yes" eller "no".

Eksempel:

Opgave: Deklarer en variabel med en literaltype, og tildel den gyldige og ugyldige værdier.

let answer: "yes" | "no";
answer = "yes"; 
// Valid
// answer = "maybe"; 
// Error: Type '"maybe"' is not assignable to type '"yes" | "no"'.

Literaltyper for tekststrenge begrænser en variabel til et bestemt sæt tekstværdier. Eksempel:

Opgave: Opret en type for retninger, og tildel værdier til en variabel.

type Direction = "up" | "down" | "left" | "right";

let move: Direction;
move = "up"; // Valid
// move = "forward"; 
// Error: Type '"forward"' is not assignable to type '"up" | "down" | "left" | "right"'.

Du kan også bruge literaltyper med tal til at begrænse en variabel til bestemte numeriske værdier. Eksempel:

Opgave: Definer en numerisk literaltype for terningekast, og test den.

type DiceRoll = 1 | 2 | 3 | 4 | 5 | 6;

let roll: DiceRoll;
roll = 4; // Valid
// roll = 7; 
// Error: Type '7' is not assignable to type '1 | 2 | 3 | 4 | 5 | 6'.

Du kan bruge literaltyper i funktionsparametre for kun at tillade bestemte værdier. Eksempel:

Opgave: Skriv en funktion med en parameter, der bruger literaltyper.

function setStatus(status: "active" | "inactive"): void {
  console.log(`The status is now ${status}`);
}

setStatus("active"); 
// Output: The status is now active
// setStatus("pending"); 
// Error: Type '"pending"' is not assignable to type '"active" | "inactive"'.

Hvis du vil genbruge literaltyper, kan du definere dem som typealiaser. Eksempel:

Opgave: Opret et typealias for trafiklysfarver, og brug det i en variabel.

type TrafficLight = "red" | "yellow" | "green";

let light: TrafficLight = "red";
console.log(light);
 // Output: red

Du kan bruge literaltyper i objekter til at begrænse værdierne for bestemte egenskaber. Eksempel:

Opgave: Opret en objekttype med en egenskab, der bruger literaltyper.

type Button = {
  label: string;
  size: "small" | "medium" | "large";
};

let submitButton: Button = {
  label: "Submit",
  size: "medium",
};

console.log(submitButton);

Her er nogle almindelige fejl ved brug af literaltyper:

• At glemme at opdatere alle tilladte værdier, når en literaltype ændres.
• At tildele værdier, der ikke er inkluderet i literaltypen, hvilket TypeScript registrerer.
• At bruge literaltyper til meget dynamiske data, hvor fleksibilitet er vigtigere.

Tip: Brug literaltyper i kontrollerede og forudsigelige situationer!

Tillykke! Du har lært at bruge literaltyper i TypeScript til at definere præcise og begrænsede værdier. Literaltyper er især nyttige til at skabe forudsigelig og typesikker kode. I den næste lektion undersøger vi TypeScripts understøttelse af arbejde med funktioner. Lad os fortsætte med at programmere!