TypeScript 5.0 ist erschienen: Vollständige Analyse der wichtigsten Neuerungen

Online Python-Trainer für Anfänger

Lernen Sie Python einfach ohne theoretische Überlastung. Lösen Sie praktische Aufgaben mit automatischer Überprüfung und schreiben Sie Code direkt im Browser.

Kurs starten

TypeScript 5.0 ist erschienen: Was ein Entwickler wissen muss

Das TypeScript-Team hat die Version 5.0 veröffentlicht – das erste große Update im neuen Nummerierungssystem. Anstelle der gewohnten 4.x haben sich die Entwickler für einen Wechsel zu 5.0 entschieden, um das Ausmaß der internen Änderungen zu unterstreichen. Die Neuerung bringt mehrere lang erwartete Features mit sich und beschleunigt zudem die Arbeit des Compilers erheblich. Wir analysieren die wichtigsten Änderungen, die Sie noch heute in Ihre Projekte integrieren sollten.

Wichtigste Neuerungen in TypeScript 5.0

Dekoratoren (ECMAScript-kompatibel) – TypeScript unterstützt jetzt Standard-Dekoratoren, die dem TC39-Vorschlag entsprechen. Die alten experimentellen Dekoratoren bleiben aus Kompatibilitätsgründen erhalten, aber für neue Projekte wird empfohlen, auf die neue Syntax umzusteigen.
const type parameters – Es besteht nun die Möglichkeit, Generics mit dem Modifikator const zu deklarieren. Dies ermöglicht eine genauere Typableitung von Literalen, insbesondere bei der Arbeit mit Arrays und Tupeln. Beispielsweise behält const tuple = <const T,>(...args: T) => args die genaue Länge des Tupels bei.
Leistungsverbesserung – TypeScript 5.0 ist durch die Optimierung interner Datenstrukturen und die Reduzierung der Belastung des Garbage Collectors schneller geworden. In einigen Projekten stieg die Build-Geschwindigkeit um 10-25%.
Unterstützung mehrerer Konfigurationen in einem Projekt – Es können jetzt mehrere tsconfig.json im Abschnitt references angegeben werden, ohne Einstellungen zu duplizieren. Dies vereinfacht Monorepos und Microservice-Architekturen.
Verbesserte Arbeit mit enums – Alle enum-Werte sind jetzt Vereinigungen von Literaltypen. Dies verbessert die Typprüfung und die Autovervollständigung in Code-Editoren.
JSDoc imports – In JavaScript-Dateien, die @type und @param verwenden, können jetzt Typen aus anderen Dateien über import('./types').SomeType importiert werden. Dies macht die JSDoc-Typisierung erheblich leistungsfähiger.

Was hat sich bei Syntax und Kompatibilität geändert

Das Release von TypeScript 5.0 enthält keine breaking changes für Code, der in TypeScript 4.9 geschrieben wurde. Dennoch sollten einige Punkte beachtet werden:

Die Unterstützung für das alte Dekoratoren-System wurde entfernt (sofern Sie nicht das experimentelle Flag experimentalDecorators verwenden).
Dateien mit der Erweiterung .ts können jetzt einen Standard-Export für asynchrone Funktionen ohne zusätzliche Wrapper enthalten.
Die Integration mit Node.js ESM wurde verbessert – TypeScript 5.0 verarbeitet die Erweiterungen .mts und .cts korrekt.

Wie Sie auf TypeScript 5.0 aktualisieren

Das Update erfordert keinen großen Aufwand. Führen Sie einfach im Terminal aus:

npm install typescript@latest --save-dev

Nach der Installation wird empfohlen, das Projekt mit dem Befehl tsc --noEmit auf Fehler zu überprüfen. Wenn Sie alte Dekoratoren verwenden, fügen Sie in tsconfig.json das Flag "experimentalDecorators": true hinzu, um die Kompatibilität zu erhalten.

Fazit

TypeScript 5.0 ist ein bedeutender Schritt nach vorne für das Ökosystem. Die neuen Dekoratoren, const type parameters und die verbesserte Leistung machen es zu einem der wichtigsten