Fundamentele generieken

Generics (algemene programmering) zijn een van de krachtigste functies van TypeScript. Hiermee kunt u flexibele, herbruikbare componenten, functies en interfaces schrijven die met verschillende gegevenstypen kunnen werken, terwijl de maximale typeveiligheid behouden blijft en het gebruik van any wordt vermeden.

Generieke functies

Beschouw een generiek als een variabele voor typen. Laten we een functie bekijken die de waarde retourneert die eraan is doorgegeven als argument:

function identity<T>(arg: T): T {
  return arg;
}

De letter T (afkorting van Type) is een tijdelijke aanduiding voor het type. Wanneer we identity aanroepen, legt TypeScript het type van het doorgegeven argument vast en stelt T automatisch in op dat type:

const str = identity<string>('Hello'); // T is string
const num = identity(42); // T is number (automatically inferred!)

Generieke interfaces en aliassen

Generieke gegevens kunnen ook worden toegepast op interfaces en typealiassen om generieke containers of datastructuren te definiëren:

interface Box<T> {
  content: T;
}

const stringBox: Box<string> = { content: 'TypeScript' };
const numberBox: Box<number> = { content: 42 };

Meerdere typeparameters

We kunnen functies of typen definiëren die meerdere typevariabelen gebruiken (bijvoorbeeld T en U):

function mergeObjects<T, U>(obj1: T, obj2: U): T & U {
  return { ...obj1, ...obj2 };
}

Algemene beperkingen

Soms willen we de typen beperken die door een generiek geneesmiddel worden geaccepteerd. We kunnen het trefwoord extends gebruiken om een ​​beperking toe te voegen.

Als we bijvoorbeeld willen dat het generieke type altijd de eigenschap length heeft (zoals strings of arrays):

interface HasLength {
  length: number;
}

function logLength<T extends HasLength>(arg: T): void {
  console.log(arg.length); // Safe! We know arg has 'length'
}

logLength('Hello'); // Valid
logLength([1, 2, 3]); // Valid
// logLength(42); // Error: number does not have a length property!

Probeer het zelf

Oefening 1: Generieke identiteitsfunctie

Oefening 2: Generieke dozenverpakking

Oefening 3: Algemene beperking

Oefening 4: Generiek paar