Unionstyper og snitt-typer

Velkommen til neste leksjon! I denne leksjonen lærer De hvordan De bruker uniontyper for å tillate flere mulige typer for en variabel, og interseksjonstyper for å kombinere flere typer til én. Dette er kraftige verktøy for å lage fleksibel og robust kode. La oss sette i gang!

Uniontyper lar en variabel inneholde mer enn én type. De kan bruke symbolet | til å definere en uniontype.

Eksempel: En variabel som kan være enten en streng eller et tall:

Oppgave: Deklarer en variabel med en uniontype og tilordne ulike verdier til den.

let value: string | number;
value = "Hello";
console.log(value); // Output: "Hello"

value = 42;
console.log(value); // Output: 42

De kan bruke uniontyper i funksjonsparametere for å tillate flere inndatatyper. Eksempel:

Oppgave: Skriv en funksjon som godtar en parameter av en uniontype og logger den til konsollen.

function printValue(value: string | number): void {
  console.log(`The value is ${value}`);
}

printValue("Hello"); // Output: The value is Hello
printValue(100); // Output: The value is 100

Interseksjonstyper kombinerer flere typer til én. De kan bruke symbolet & til å definere en interseksjonstype.

Eksempel: Kombinere to objekttyper:

Oppgave: Opprett en interseksjonstype for å kombinere to objekter og bruke den.

type Person = { name: string };
type Employee = { employeeId: number };

type Staff = Person & Employee;

let staffMember: Staff = {
  name: "Alice",
  employeeId: 123,
};

console.log(staffMember);

TypeScript vet ikke hvilken type De bruker i en uniontype. De kan bruke type guards for å innsnevre typen. Eksempel:

Oppgave: Bruk type guards for å håndtere ulike typer i en union.

function display(value: string | number): void {
  if (typeof value === "string") {
    console.log(`String value: ${value.toUpperCase()}`);
  } else {
    console.log(`Number value: ${value * 2}`);
  }
}

display("Hello"); // Output: String value: HELLO
display(5); // Output: Number value: 10

Interseksjonstyper er nyttige når De arbeider med objekter som har egenskaper til felles. Eksempel:

Oppgave: Opprett en interseksjonstype for administrator- og brukerroller.

type Admin = { adminLevel: string };
type User = { username: string };

type AdminUser = Admin & User;

let admin: AdminUser = {
  adminLevel: "super",
  username: "admin123",
};

console.log(`Admin ${admin.username} has level ${admin.adminLevel}`);

Her er noen vanlige feil:

• Bruke en uniontype uten å håndtere alle mulige tilfeller (for eksempel ved å glemme en type guard).
• Gjøre typer unødvendig kompliserte med overflødige interseksjoner.
• Tilordne inkompatible verdier til en uniontype eller interseksjonstype.

Tips: Test alltid koden Deres for å sikre at typene fungerer som forventet!

Bruk uniontyper når:

• En variabel kan ha én av flere mulige typer.
• De trenger fleksibilitet i funksjonsparametere.

Bruk interseksjonstyper når:

• De kombinerer flere objekter eller typer til én.
• De lager mer komplekse typer for spesifikke bruksområder.

Gratulerer! De har lært hvordan De bruker uniontyper og interseksjonstyper til å håndtere komplekse situasjoner i TypeScript. Disse verktøyene gjør koden Deres mer fleksibel og uttrykksfull. I neste leksjon skal vi utforske enum-er og hvordan de bidrar til å håndtere konstante verdier. La oss fortsette å programmere!