0Pricing
TypeScript Academy · Lektion

Generische Funktionen und Constraints (extends, Standardparameter)

Erstellen Sie generische Funktionen, fügen Sie mit extends Constraints hinzu und verwenden Sie Standardtypparameter für ergonomische APIs.

Generische Funktionen und Constraints (extends, Standardparameter) ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. 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 3 Lektionen.

Einführung

Ziel: Machen Sie Funktionen mit Generics wiederverwendbar und typsicher. Sie definieren Typparameter, fügen Constraints mit extends hinzu und legen Standard-Typparameter für eine bessere DX fest.

Identitäts-Generikum

Definieren Sie einen Typparameter <T>. Der Compiler leitet T aus den Argumenten ab, sodass Aufrufer es nur selten annotieren müssen.

function identity<T>(x: T): T {
  return x;
}

const a = identity(42);    // T inferred as number
const b = identity("ts"); // T inferred as string
console.log(a, b);

Constraint mit extends

Verwenden Sie extends, um eine bestimmte Struktur (z. B. eine id) vorauszusetzen. T kann dank struktureller Typisierung weitere Felder enthalten.

function getId<T extends { id: number }>(item: T): number {
  return item.id;
}

getId({ id: 1, name: "Ada" }); // OK (has id)
// getId({ name: "Lin" });    // Error: missing id

Keyof-Constraint

Begrenzen Sie K mit keyof T, damit nur Eigenschaftsnamen aus T zulässig sind. Der Rückgabetyp ist der Eigenschaftstyp T[K].

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

const user = { id: 7, name: "Neo" };
const v1 = pluck(user, "name"); // string
const v2 = pluck(user, "id");   // number
console.log(v1, v2);

Standard-Typparameter

Standard-Typparameter reduzieren überflüssigen Code. Aufrufer können <T> in häufigen Fällen weglassen, es bei Bedarf aber weiterhin überschreiben.

interface Box<T = string> {
  value: T;
}

const aBox: Box = { value: "hi" };       // T defaults to string
const nBox: Box<number> = { value: 123 }; // explicit override
console.log(aBox.value, nBox.value);

Tipps

Tipps:

  • Überlassen Sie die Arbeit der Inferenz; vermeiden Sie redundante T-Annotationen.
  • Fügen Sie extends nur hinzu, wenn die Implementierung Member von T benötigt.
  • Legen Sie für komfortable, häufige Anwendungsfälle Standardwerte fest.

Constraint-Prüfung

Kurzer Test: Was stellt T extends { id: number } sicher?

Zusammenfassung

Zusammenfassung: Definieren Sie generische Funktionen, begrenzen Sie sie mit extends und legen Sie Standard-Typparameter fest, damit APIs flexibel und zugleich benutzerfreundlich bleiben.

Häufig gestellte Fragen

Ist die Lektion „Generische Funktionen und Constraints (extends, Standardparameter)“ kostenlos?

Ja — der vollständige Text von „Generische Funktionen und Constraints (extends, Standardparameter)“ 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 3 Lektionen.

Was lerne ich in „Generische Funktionen und Constraints (extends, Standardparameter)“?

Erstellen Sie generische Funktionen, fügen Sie mit extends Constraints hinzu und verwenden Sie Standardtypparameter für ergonomische APIs. 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 1 von 3.

Wie lange dauert die Lektion „Generische Funktionen und Constraints (extends, Standardparameter)“?

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. Generische Funktionen und Constraints (extends, Standardparameter)
  2. Partial, Readonly, Record, Pick, Omit
  3. keyof-/Indexed-Access-Typen (Einführung)
← Zurück zu TypeScript Academy