Intersection- en union-typen

Met intersectie- en unietypen in TypeScript kun je typen combineren of aanmaken. Zo kun je op een krachtige manier complexe gegevensstructuren definiëren.

Met unietypen kan een waarde een van meerdere typen hebben. Je definieert een unietype met de operator |.

Hier zie je een voorbeeld van het gebruik van een unietype:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

Intersectietypen combineren meerdere typen tot één type. Het gecombineerde type moet alle eigenschappen van de gekruiste typen bevatten.

Hier zie je een voorbeeld van het gebruik van een intersectietype:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

Met unietypen kunnen waarden meerdere mogelijke typen hebben, terwijl intersectietypen meerdere typen combineren tot één type, waarbij alle eigenschappen aanwezig moeten zijn.

Unietypen zijn handig voor het verwerken van meerdere invoertypen, terwijl intersectietypen ideaal zijn om meerdere rollen of functies in één type te combineren.

Maak een type dat een Product-type met een Discount-type combineert met behulp van intersectietypen. Gebruik dit type om een variabele te declareren.

Gefeliciteerd!

Je hebt geleerd hoe je unie- en intersectietypen gebruikt om flexibele en gecombineerde typen te definiëren in TypeScript. Oefen met deze concepten om je code robuuster en typeveiliger te maken!