Lies diese TypeScript-Snippets für Experten Zeile für Zeile — jedes kommt mit einer Erklärung, was der Code tut und warum.
TypeScript verwendet strukturelle Typisierung, aber manchmal benötigen wir nominale Typisierung, um das versehentliche Mischen logisch unterschiedlicher Primitivtypen (wie Währungen oder IDs) zu ve…
Snippet öffnen →Variadische Tupel-Typen erlauben es uns, die Struktur von Arrays und Argumenten präzise zu erfassen und zu manipulieren. Die Verwendung des Spread-Operators in Tupel-Typen ermöglicht rekursive Oper…
Snippet öffnen →Dieses Snippet nutzt Template-Literal-Typen und rekursive bedingte Typen, um dynamische Pfadparameter zur Kompilierzeit aus einem String-Literal zu extrahieren. Es zeigt, wie TypeScript Strings par…
Durch die Nutzung distributiver bedingter Typen und des Typs 'never' können wir leistungsstarke Hilfstypen erstellen, die Objekteigenschaften basierend auf ihren Wertetypen filtern. Dies ist essenz…
Snippet öffnen →Dieses Experten-Snippet zeigt, wie man einen Union-Typ in einen Intersection-Typ umwandelt. Es nutzt die Tatsache aus, dass Funktionsparameter kontravariant sind, was TypeScript dazu zwingt, mehrer…
Snippet öffnen →Eingeführt in TypeScript 5.2, nutzt die 'using'-Deklaration den 'Symbol.dispose'-Hook, um sicherzustellen, dass Ressourcen wie Dateihandles oder Datenbankverbindungen automatisch beim Verlassen des…
Snippet öffnen →Durch die Zuweisung einer Variable zum Typ 'never' in einem Default-Zweig erstellen Sie eine Prüfung auf Vollständigkeit zur Kompilierzeit. Wenn das 'Shape'-Union um ein Mitglied erweitert wird, sc…
Snippet öffnen →Assertion-Signaturen verwenden das 'asserts'-Schlüsselwort, um dem Compiler mitzuteilen, dass eine Bedingung wahr sein muss, wenn die Funktion normal zurückkehrt. Dies schränkt Typen für den Rest d…
Snippet öffnen →Stage 3 Decorators bieten eine typsichere Möglichkeit, Klassenmitglieder zu umschließen. Im Gegensatz zu alten experimentellen Decorators nutzen diese ein strukturiertes 'context'-Objekt, das Namen…
Snippet öffnen →Der 'satisfies'-Operator validiert, ob ein Objekt einem Typ entspricht, ohne den inferierten Typ zu erweitern. Dies erlaubt es, spezifische Literal-Informationen zu behalten (z.B. dass 'red' ein Tu…
Snippet öffnen →