𝗩𝗼𝗺 𝗭𝗲𝗿𝗼 𝘇𝘂𝗺 𝗛𝗲𝗿𝗼 𝗶𝗻 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁

TypeScript macht deinen JavaScript-Code sicherer und einfacher zu verwalten. Es hilft dir, Fehler frühzeitig zu finden.

TypeScript fügt JavaScript statische Typisierung hinzu. Beim Ausführen wird es in gewöhnliches JavaScript umgewandelt.

Häufige Basistypen:

  • number: für alle Zahlen
  • boolean: true oder false
  • string: für Text
  • symbol: für eindeutige IDs
  • bigint: für sehr große Zahlen

Typ-Annotationen: let name: string = "Alice"; let age: number = 30;

Arrays und Objekte: let fruits: string[] = ["apple", "banana"]; let user: { name: string; age: number } = { name: "Bob", age: 25 };

Funktionen: function greet(name: string): string { return "Hello, " + name; }

Verwende void, wenn eine Funktion nichts zurückgibt: function logMessage(): void { console.log("Message sent"); }

Fortgeschrittene Werkzeuge:

  • Type Aliases: Erstelle deine eigenen Typen.
  • Interfaces: Definiere die Struktur von Objekten.
  • Enums: Verwende eine Menge benannter Konstanten.
  • Tuples: Arrays mit fester Länge und spezifischen Typen.
  • Generics: Erstelle wiederverwendbaren Code, der mit vielen Typen funktioniert.
  • Utility Types: Verwende Partial, Pick oder Record, um Typen zu modifizieren.

Best Practices für deinen Workflow:

  • Verwende type für einfache Aliase und Primitive.
  • Verwende interface für Objektstrukturen.
  • Vermeide die Verwendung von any. Es beeinträchtigt die Sicherheit deines Codes.
  • Verwende unknown, wenn du den Typ noch nicht kennst.
  • Lass den Compiler Typen erraten, wenn sie offensichtlich sind.
  • Füge deinen APIs Annotationen hinzu, um die Klarheit zu erhöhen.

Das Beherrschen dieser Werkzeuge hilft dir dabei, große, stabile Anwendungen zu entwickeln.

Quelle: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j