Der vollstaendige Leitfaden zu TypeScript

TypeScript ist JavaScript mit Typen. Und das aendert alles.

Warum TypeScript¶

• Fehler werden bei der Kompilierung erkannt, nicht in der Produktion
• Bessere IDE-Unterstuetzung (Autocomplete, Refactoring)
• Dokumentation im Code
• Sichereres Refactoring

Grundlegende Typen¶

let name: string = “TypeScript”;
let version: number = 5.3;
let active: boolean = true;
let items: string[] = [“a”, “b”];
let tuple: [string, number] = [“age”, 30];

Interfaces & Types¶

interface User {
id: number;
name: string;
email?: string; // optional
readonly createdAt: Date;
}

type Status = “active” | “inactive” | “banned”;

Generics¶

function first(arr: T[]): T | undefined {
return arr[0];
}

interface ApiResponse {
data: T;
error?: string;
}

Utility Types¶

Partial // alle Properties optional
Required // alle erforderlich
Pick
Omit
Record

Enums vs Union Types¶

// Union Types bevorzugen
type Direction = “north” | “south” | “east” | “west”;

// Enum nur wenn Runtime-Werte benoetigt werden
enum HttpStatus { OK = 200, NotFound = 404 }

Strict Mode¶

// tsconfig.json
{ “compilerOptions”: { “strict”: true } }
// Immer! Ohne Strict Mode verlieren Sie die Haelfte der TS-Vorteile.

Regel¶

Strict Mode immer aktiviert. Vermeiden Sie “any”. Wenn Sie den Typ nicht kennen, verwenden Sie “unknown”.