In kaart gebrachte typen

Met toegewezen typen kunt u nieuwe typen maken door de eigenschappen van bestaande typen één voor één te transformeren. Ze zijn gebouwd bovenop de lussyntaxis over sleutels met behulp van de operator keyof.

type Mapped<T> = {
  [P in keyof T]: T[P];
};

Dit voorbeeld toont een toegewezen type dat identiek is aan het originele type: het herhaalt zich over elke sleutel P in keyof T en wijst hetzelfde type T[P] toe.

Mutabiliteits- en optioneelheidsmodificatoren

We kunnen modifiers zoals readonly en ? (optioneel) toevoegen of verwijderen door ze te laten voorafgaan door + (toevoegen, standaard) of - (verwijderen).

Om bijvoorbeeld de optionele mogelijkheden van alle eigenschappen van een type te verwijderen (waardoor ze verplicht worden):

type Concrete<T> = {
  [P in keyof T]-?: T[P];
};

De modifier -? verwijdert de optionele vlag van elke eigenschap.

Sleutel opnieuw toewijzen met as

In TypeScript 4.1+ kunt u sleutels in een toegewezen type opnieuw toewijzen met behulp van de as-clausule en letterlijke sjabloontypen.

type WriteSetters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (value: T[K]) => void;
};

Hier veranderen we de naam van elke eigenschap K in set[CapitalizedKey] en wijzigen we het type in een setterfunctie.

Probeer het zelf

Oefening 1: Eigenschappen nulleerbaar maken

Oefening 2: Dynamische getters genereren met as