0Pricing
TypeScript Academy · Lektion

Readonly, Exclude, Extract, NonNullable

Setzen Sie weitere Utility-Typen für Unveränderlichkeit und Filterung ein.

Readonly, Exclude, Extract, NonNullable ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 4 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

Die Standardbibliothek von TypeScript enthält neben Partial, Required, Pick und Omit mehrere weitere Utility-Typen. Diese Lektion behandelt Readonly, Exclude, Extract und NonNullable.

Readonly<T>

Macht alle Eigenschaften von T schreibgeschützt. Dadurch wird jede Neuzuweisung einer Eigenschaft nach der Erstellung verhindert.
interface Config { host: string; port: number; }
const cfg: Readonly<Config> = { host: 'localhost', port: 3000 };
// cfg.host = 'remote'; // Error!

Exclude<T, U>

Entfernt aus der Vereinigung T alle Elemente, die U zugewiesen werden können.
type Status = 'pending' | 'active' | 'banned' | 'deleted';
type ActiveStatus = Exclude<Status, 'banned' | 'deleted'>;
// 'pending' | 'active'

Extract<T, U>

Behält aus der Vereinigung T nur die Elemente bei, die U zugewiesen werden können. Das Gegenstück zu Exclude.
type StringOrNumber = string | number | boolean;
type JustStrNum = Extract<StringOrNumber, string | number>;
// string | number

NonNullable<T>

Entfernt null und undefined aus T.
type MaybeString = string | null | undefined;
type DefinitelyString = NonNullable<MaybeString>; // string

ReturnType<T>

Ermittelt den Rückgabetyp eines Funktionstyps T.
function fetchUser() { return { id: 1, name: 'Alice' }; }
type User = ReturnType<typeof fetchUser>; // { id: number; name: string }

Parameters<T>

Ermittelt die Parametertypen einer Funktion als Tupel.
function add(a: number, b: number): number { return a + b; }
type AddParams = Parameters<typeof add>; // [number, number]

InstanceType<T>

Ermittelt den Instanztyp, der von einem Konstruktorfunktionstyp erzeugt wird.
class HttpClient { get(url: string) { return fetch(url); } }
type Client = InstanceType<typeof HttpClient>; // HttpClient

Awaited<T>

Entpackt verschachtelte Promise-Typen.
type A = Awaited<Promise<string>>;          // string
type B = Awaited<Promise<Promise<number>>>;  // number

Mehrere Utility-Typen gemeinsam verwenden

Verketten Sie Utility-Typen für komplexe Transformationen.
type SafeInput<T> = Readonly<Partial<NonNullable<T>>>;

Utility-Typen sind nur Typ-Aliase

Jeder integrierte Utility-Typ wird mithilfe von gemappten Typen, bedingten Typen und infer implementiert. Sie können eigene Utility-Typen erstellen.

Kurzer Test

Was erzeugt `Exclude<'a' | 'b' | 'c', 'b'>`?

Zusammenfassung

Readonly verhindert Änderungen. Exclude entfernt Elemente aus Vereinigungen. Extract behält passende Elemente bei. NonNullable entfernt nullable Werte. ReturnType, Parameters und InstanceType extrahieren Typinformationen aus Funktionen und Klassen.

Häufig gestellte Fragen

Ist die Lektion „Readonly, Exclude, Extract, NonNullable“ kostenlos?

Ja — der vollständige Text von „Readonly, Exclude, Extract, NonNullable“ 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 „Readonly, Exclude, Extract, NonNullable“?

Setzen Sie weitere Utility-Typen für Unveränderlichkeit und Filterung ein. 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 4 von 4.

Wie lange dauert die Lektion „Readonly, Exclude, Extract, NonNullable“?

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. Partial und Required: Optionalität umschalten
  2. Pick und Omit: Eigenschaften auswählen
  3. Record: Schlüssel auf Werttypen abbilden
  4. Readonly, Exclude, Extract, NonNullable
← Zurück zu TypeScript Academy