𝗠𝗮𝘀𝘁𝗲𝗿 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁: 𝗧𝗲𝗶𝗹 𝟬𝟭

TypeScript überprüft deinen Code, bevor er ausgeführt wird. Es findet Fehler, während du schreibst. Das verhindert, dass Bugs deine Nutzer erreichen.

Basistypen TypeScript verwendet Typen, um zu definieren, wie Daten aussehen.

• String: let message: string = "Hello"; • Number: let age: number = 30; • Boolean: let isActive: boolean = true;

Arrays und Tupel • Arrays: let names: string[] = ["Alice", "Bob"]; • Tupel: let user: [number, string] = [1, "Alice"]; (Hier ist die Reihenfolge wichtig). • Enums: enum Role { Admin, User } (Verwende benannte Auswahlmöglichkeiten anstelle von zufälligen Zahlen).

Objekte und Funktionen Objekte gruppieren zusammengehörige Daten. • let car: { brand: string; year: number } = { brand: "Tesla", year: 2023 }; • Optionale Felder: Verwende ?, um ein Feld als optional zu kennzeichnen.

Funktionen benötigen Typen für Eingaben und Ausgaben. • function add(a: number, b: number): number { return a + b; } • Arrow-Funktionen: const multiply = (a: number, b: number): number => a * b;

Fortgeschrittene Type-Tools Type Aliases Erstelle einen Namen für eine Struktur und verwende ihn wieder. • type User = { id: number; name: string };

Unions und Intersections • Unions (ODER): type ID = string | number; • Intersections (UND): type Employee = Person & { salary: number };

Generics Generics verwenden einen Platzhalter, um mit vielen verschiedenen Typen zu arbeiten. • function wrap(value: T): T { return value; }

So lernst du:

  1. Tippe jedes Beispiel ab.
  2. Lass den Code absichtlich kaputtgehen.
  3. Lies die Fehlermeldungen.
  4. Behebe sie.

Teil 02 wird fortgeschrittene Type-Tools behandeln.

Quelle: https://dev.to/mdhemalakhand1999/master-typescript-part-01-452g