Einführung in die dynamische Typerstellung

Die dynamische Typerstellung in TypeScript ermöglicht es Ihnen, Typen zu definieren, die sich anhand anderer Typen oder Daten anpassen. Dadurch wird Ihr Code flexibler und wiederverwendbarer.

Dies wird durch Funktionen wie Conditional Types, Mapped Types und Indexed Access Types erreicht.

Was ist dynamische Typerstellung?

Bei der dynamischen Typerstellung werden neue Typen erzeugt, indem vorhandene Typen transformiert oder bearbeitet werden. Dabei kommen häufig die erweiterten Typwerkzeuge von TypeScript zum Einsatz.

Conditional Types verwenden

Conditional Types verwenden extends, um Typen anhand einer Bedingung auszuwerten:

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

Mapped Types zur dynamischen Typerstellung

Mapped Types durchlaufen die Schlüssel eines Typs, um dynamisch neue Typen zu erstellen:

type Optional<T> = {
  [K in keyof T]?: T[K];
};

type User = {
  name: string;
  age: number;
};

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

Indexed Access Types verwenden

Indexed Access Types rufen den Typ einer Eigenschaft aus einem anderen Typ ab:

type User = {
  name: string;
  age: number;
};

type UserName = User['name']; // string

Techniken kombinieren

Sie können Conditional Types, Mapped Types und Indexed Access Types kombinieren, um fortgeschrittenere dynamische Typen zu erstellen:

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

type User = {
  name: string;
  age: number;
};

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

Praktische Anwendungsfälle

Die dynamische Typerstellung eignet sich für:

• Die dynamische Anpassung von APIs anhand von Benutzereingaben.
• Das Erstellen wiederverwendbarer typsicherer Hilfstypen.
• Das Definieren von Typen für Datentransformationen.

Übungsaufgabe

Erstellen Sie einen dynamischen Typ, der alle Eigenschaften eines Product-Typs als optional markiert, wenn sie vom Typ string sind. Testen Sie ihn mit Beispieldaten.

Herzlichen Glückwunsch!

Sie haben gelernt, wie Sie in TypeScript mithilfe von Conditional Types, Mapped Types und Indexed Access Types dynamische Typen erstellen. Üben Sie diese Techniken, um die volle Leistungsfähigkeit des Typsystems von TypeScript zu nutzen!