Keyof- und Lookup-Typen

Mit keyof und Lookup-Typen können Sie in TypeScript dynamisch mit den Schlüsseln und Eigenschaften vorhandener Typen arbeiten.

Dadurch wird Ihr Code flexibler und wiederverwendbarer, da Sie auf Typen von Objekten verweisen und diese daraus extrahieren können.

Der keyof-Operator erzeugt einen Typ, der aus allen Schlüsseln eines Objekttyps besteht.

Beispiel:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Lookup-Typen verwenden eckige Klammern [], um den Typ einer bestimmten Eigenschaft eines Objekts abzurufen.

Beispiel:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Sie können keyof und Lookup-Typen gemeinsam verwenden, um dynamische und wiederverwendbare Typbeschränkungen zu erstellen.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Häufige Anwendungsfälle sind:

• Erstellen dynamischer APIs.
• Typsicherer Zugriff auf Eigenschaften in Objekten.
• Verbesserung der Codeflexibilität durch Typbeschränkungen.

Hier ist ein praktisches Beispiel, in dem wir keyof und Lookup-Typen kombinieren:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Diese Funktionen bieten:

• Dynamischen Eigenschaftszugriff mit Typsicherheit.
• Wiederverwendbaren und skalierbaren Code.
• Bessere Fehlervermeidung zur Kompilierzeit.

Erstellen Sie eine Funktion mit keyof und Lookup-Typen, um dynamisch auf Eigenschaften eines Benutzerobjekts zuzugreifen. Probieren Sie es aus!

Glückwunsch!

Sie haben gelernt, wie Sie keyof und Lookup-Typen verwenden, um Ihren Code dynamisch und typsicher zu machen. Üben Sie weiter, um diese fortgeschrittenen Funktionen von TypeScript zu meistern!