Einführung in Intersection- und Union-Typen

Intersection- und Union-Typen in TypeScript ermöglichen es Ihnen, flexible Typen zu kombinieren oder zu erstellen. Dadurch können Sie komplexe Datenstrukturen leistungsfähig definieren.

Was sind Union-Typen?

Union-Typen ermöglichen, dass ein Wert einen von mehreren Typen haben kann. Sie können einen Union-Typ mithilfe des Operators | definieren.

Beispiel für Union-Typen

Hier sehen Sie ein Beispiel für die Verwendung eines Union-Typs:

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

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

Was sind Intersection-Typen?

Intersection-Typen kombinieren mehrere Typen zu einem einzigen. Der resultierende Typ muss alle Eigenschaften der kombinierten Typen enthalten.

Beispiel für Intersection-Typen

Hier sehen Sie ein Beispiel für die Verwendung eines Intersection-Typs:

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'
};

Unterschiede zwischen Union- und Intersection-Typen

Union-Typen ermöglichen mehrere mögliche Typen für einen Wert, während Intersection-Typen mehrere Typen zu einem einzigen kombinieren. Dabei müssen alle Eigenschaften vorhanden sein.

Praktische Anwendungsfälle

Union-Typen eignen sich hervorragend für die Verarbeitung verschiedener Eingabetypen, während Intersection-Typen ideal dafür sind, mehrere Rollen oder Funktionen in einem Typ zu kombinieren.

Übungsaufgabe

Erstellen Sie mithilfe von Intersection-Typen einen Typ, der den Typ Product mit dem Typ Discount kombiniert. Verwenden Sie ihn, um eine Variable zu deklarieren.

Herzlichen Glückwunsch!

Sie haben gelernt, wie Sie Union- und Intersection-Typen verwenden, um flexible und kombinierte Typen in TypeScript zu definieren. Üben Sie diese Konzepte, um Ihren Code robuster und typsicherer zu machen!