0Pricing
TypeScript Academy · Lektion

Generische Einschränkungen: Typparameter eingrenzen

Verwenden Sie extends, um Anforderungen an die Struktur von Generics durchzusetzen.

Generische Einschränkungen: Typparameter eingrenzen ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Willkommen

Mit fortgeschrittenen generischen Einschränkungen können Sie festlegen, welche Typen als Typargumente verwendet werden dürfen. Dadurch werden typsichere Operationen auf komplexen Strukturen möglich.

Zusammenfassung der Einschränkungen

`T extends U` beschränkt T auf Typen, die Untertypen von U sind. Dadurch kennt TypeScript die Struktur von T innerhalb der Funktion.
function len<T extends { length: number }>(val: T): number {
  return val.length;
}

Auf bestimmte Methoden beschränken

Fordern Sie eine bestimmte Methode für T an, indem Sie T auf ein Interface beschränken, das diese Methode enthält.
interface Stringable { toString(): string; }
function stringify<T extends Stringable>(val: T): string {
  return val.toString();
}

Aus einer Einschränkung ableiten

Verwenden Sie `keyof` innerhalb der Einschränkung, um sichere Zugriffsfunktionen zu erstellen.
function pluck<T, K extends keyof T>(items: T[], key: K): T[K][] {
  return items.map(item => item[key]);
}
const names = pluck(users, 'name'); // string[]

Constraints höherer Ordnung (simuliert)

TypeScript unterstützt keine echten Higher-Kinded Types, aber Sie können sie mit bedingten Typen und Einschränkungen simulieren.

Auf primitive Typen beschränken

Beschränken Sie Typparameter auf bestimmte primitive Typen, um spezialisierte Funktionen zu erstellen.
type Primitive = string | number | boolean | bigint | symbol | null | undefined;
function isPrimitive<T extends Primitive>(val: T): true { return true; }

Rekursive Einschränkungen

Einschränkungen können für rekursive Muster auf sich selbst verweisen.
interface Comparable<T> { compareTo(other: T): number; }
function sort<T extends Comparable<T>>(items: T[]): T[] {
  return [...items].sort((a, b) => a.compareTo(b));
}

Einschränkung mit Standardwert

Ein Typparameter kann sowohl eine Einschränkung als auch einen Standardwert besitzen. Der Standardwert muss die Einschränkung erfüllen.
function process<T extends object = Record<string, unknown>>(data: T): void {
  console.log(Object.keys(data));
}

T extends Record<string, unknown>

Beschränken Sie einen Typ auf einen Record-Typ, um dynamischen Eigenschaftszugriff zu ermöglichen.
function getValue<T extends Record<string, unknown>>(obj: T, key: string): unknown {
  return obj[key];
}

Inferenz von Einschränkungen in Rückgabetypen

Wenn T eingeschränkt ist, verwendet TypeScript die Einschränkung, um gültige Operationen für den Rückgabetyp zu bestimmen.
function firstKey<T extends object>(obj: T): keyof T {
  return Object.keys(obj)[0] as keyof T;
}

NoInfer-Hilfstyp (TS 5.4)

TypeScript 5.4 führte `NoInfer` ein, um zu verhindern, dass ein Typparameter aus einer bestimmten Argumentposition abgeleitet wird.
function createState<T>(initial: T, fallback: NoInfer<T>): T {
  return initial ?? fallback;
}

Kurztest

Was fügt `T extends { length: number }` zu T innerhalb einer generischen Funktion hinzu?

Zusammenfassung

Fortgeschrittene Einschränkungen beschränken generische Typen auf bestimmte Strukturen, Methoden oder Vereinigungen primitiver Typen. Kombinieren Sie sie mit `keyof`, rekursiven Mustern und Standardwerten, um leistungsfähige typsichere Hilfstypen zu erstellen.

Häufig gestellte Fragen

Ist die Lektion „Generische Einschränkungen: Typparameter eingrenzen“ kostenlos?

Ja — der vollständige Text von „Generische Einschränkungen: Typparameter eingrenzen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Generische Einschränkungen: Typparameter eingrenzen“?

Verwenden Sie extends, um Anforderungen an die Struktur von Generics durchzusetzen. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um TypeScript Academy zu starten?

Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Generische Einschränkungen: Typparameter eingrenzen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. keyof und Indexed-Access-Typen
  2. Generische Einschränkungen: Typparameter eingrenzen
  3. Bedingte Typen: T extends U ? X : Y
  4. Distributive bedingte Typen
← Zurück zu TypeScript Academy