TypeScript-Standardbibliothek: Überblick

TypeScript-Standardbibliothek: Vollständiger Überblick

TypeScript ist nicht nur ein Aufsatz über JavaScript, der statische Typisierung hinzufügt. Mit der Sprache wird eine leistungsstarke Standardbibliothek ausgeliefert, die die Möglichkeiten des Entwicklers erweitert. In diesem Artikel werden wir die wichtigsten Komponenten der TypeScript-Standardbibliothek im Detail besprechen, Anwendungsbeispiele zeigen und erklären, wie sie die Entwicklung vereinfachen.

1. Eingebaute Datentypen

Die TypeScript-Standardbibliothek enthält alle grundlegenden JavaScript-Typen, fügt ihnen aber strenge Typisierung und neue Abstraktionen hinzu:

number, string, boolean — primitive Typen;
null und undefined — spezielle Werte;
any — Deaktivierung der Typprüfung;
unknown — sichere Alternative zu any;
never — Typ für Funktionen, die niemals beendet werden;
void — Fehlen eines Rückgabewerts.

// Beispiel zur Verwendung eingebauter Typenlet age: number = 25;let name: string = "Anna";let isActive: boolean = true;let data: unknown = { id: 1 };let error: never = (() => { throw new Error("Fehler"); })();

2. Hilfstypen (Utility Types)

TypeScript bietet eine Reihe eingebauter Hilfstypen, die es ermöglichen, vorhandene Typen zu transformieren, ohne komplexe Konstrukte schreiben zu müssen:

Partial<T> — macht alle Felder des Typs T optional;
Required<T> — macht alle Felder erforderlich;
Readonly<T> — verbietet die Änderung von Feldern;
Pick<T, K> — wählt die angegebenen Schlüssel aus dem Typ aus;
Omit<T, K> — schließt die angegebenen Schlüssel aus;
Record<K, T> — erstellt einen Typ mit Schlüsseln K und Werten T.

interface User {  id: number;  name: string;  email: string;}

// Alle Felder optional machentype PartialUser = Partial<User>;

// Nur id und name auswählentype UserPreview = Pick<User, "id" | "name">;

// Ein Wörterbuch erstellentype UserMap = Record<string, User>;

3. Arbeiten mit Sammlungen: Map, Set, WeakMap, WeakSet

Die Standardbibliothek enthält typisierte Versionen der ES6+-Sammlungen. TypeScript leitet die Typen bei Verwendung dieser Strukturen automatisch ab:

Map<K, V> — Schlüssel-Wert-Sammlung;
Set<T> — Sammlung eindeutiger Werte;
WeakMap<K extends object, V> — Analog zu Map mit "schwachen" Referenzen;
WeakSet<T extends object> — Analog zu Set für Objekte.

// Typisierte Mapconst userRoles = new Map<number, string>();userRoles.set(1, "admin");userRoles.set(2, "user");

// Typisierte Setconst uniqueIds = new Set<number>([1, 2, 3, 3]); // {1, 2, 3}

4. Promises und Asynchronität

TypeScript unterstützt asynchrone Programmierung vollständig über Promise<T> und die Schlüsselwörter async/await. Die Typisierung von Promises ermöglicht es, genau anzugeben, welcher Datentyp zurückgegeben wird:

async function fetchUser(id: number): Promise<User> {  const response = await fetch(`/api/users/${id}`);  return response.json(); // Typ des Rückgabewerts — User}

// VerwendungfetchUser(1).then(user => {  console.log(user.name); // name — string});

5. Arbeiten mit dem DOM und Browser-APIs

Die TypeScript-Standardbibliothek enthält eine vollständige Typisierung für das DOM-API. Dies ermöglicht sicheres Arbeiten mit Elementen, Ereignissen und anderen Browser-Objekten: