Utility-Typen

Willkommen in der nächsten Lektion! In dieser Lektion lernen Sie Utility-Typen kennen, integrierte TypeScript-Features, die Typtransformationen vereinfachen und erweitern. Beginnen wir!

Was sind Utility-Typen?

Utility-Typen sind vordefinierte Typen, die TypeScript für gängige Typtransformationen bereitstellt, beispielsweise um Eigenschaften optional oder schreibgeschützt zu machen oder bestimmte Eigenschaften aus einem Typ auszuwählen.

Beispiel:

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

type PartialUser = Partial<User>;

let user: PartialUser = { name: "Alice" }; 
// Only 'name' is provided

Partial

Der Utility-Typ Partial macht alle Eigenschaften eines Typs optional. Beispiel:

Aufgabe: Erstellen Sie einen Typ mit dem Utility-Typ Partial und verwenden Sie ihn, um eine Variable zu definieren.

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

type OptionalUser = Partial<User>;

let user: OptionalUser = { name: "Bob" }; 
// 'age' is optional

Readonly

Der Utility-Typ Readonly macht alle Eigenschaften eines Typs unveränderlich. Beispiel:

Aufgabe: Verwenden Sie den Utility-Typ Readonly, um ein unveränderliches Objekt zu erstellen.

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

type ReadonlyUser = Readonly<User>;

let user: ReadonlyUser = { name: "Alice", age: 25 };
// user.age = 30; 
// Error: Cannot assign to 'age' because it is a read-only property

Pick

Der Utility-Typ Pick wählt bestimmte Eigenschaften aus einem Typ aus. Beispiel:

Aufgabe: Verwenden Sie den Utility-Typ Pick, um einen Typ zu erstellen, der nur die ausgewählten Eigenschaften enthält.

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

type UserNameAndEmail = Pick<User, "name" | "email">;

let user: UserNameAndEmail = { name: "Alice", email: "alice@example.com" };

Omit

Der Utility-Typ Omit schließt bestimmte Eigenschaften aus einem Typ aus. Beispiel:

Aufgabe: Verwenden Sie den Utility-Typ Omit, um eine Eigenschaft aus einem Typ auszuschließen.

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

type UserWithoutEmail = Omit<User, "email">;

let user: UserWithoutEmail = { name: "Bob", age: 30 };

Record

Der Utility-Typ Record erstellt einen Typ mit einer Menge von Schlüsseln und einem festgelegten Typ für die Werte. Beispiel:

Aufgabe: Verwenden Sie den Utility-Typ Record, um eine Zuordnung zwischen Schlüsseln und Werten zu erstellen.

type Role = "admin" | "user" | "guest";

type Permissions = Record<Role, string[]>;

let rolePermissions: Permissions = {
  admin: ["read", "write", "delete"],
  user: ["read", "write"],
  guest: ["read"],
};

Required

Der Utility-Typ Required macht alle Eigenschaften eines Typs verpflichtend. Beispiel:

Aufgabe: Verwenden Sie den Utility-Typ Required, um alle Eigenschaften verpflichtend zu machen.

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

type FullUser = Required<User>;

let user: FullUser = { name: "Alice", age: 30 }; 
// Both 'name' and 'age' are required

Sehr gut!

Herzlichen Glückwunsch! Sie haben die integrierten Utility-Typen von TypeScript kennengelernt, darunter Partial, Readonly, Pick, Omit und weitere. Diese Utility-Typen erleichtern und beschleunigen die Arbeit mit Typen. In der nächsten Lektion befassen wir uns mit fortgeschrittenen gemappten Typen. Programmieren wir weiter!