TypeScript für Anfänger – Sicher typisierter JavaScript

JavaScript ist dynamisch typisiert. Das ist flexibel – aber auch error-anfällig: ```javascript function add(a, b) { return a + b; } add(5, 10) // 15, okay add("5", 10) // "510", oops! add({}, []) // "[object Object]", oops! ``` Der Code läuft, aber die Ergebnisse sind falsch. Das ist ein großes Problem in großen Applikationen.

Primitive Types: ```typescript let name: string = "Alice"; let age: number = 25; let active: boolean = true; ``` Arrays: ```typescript let numbers: number[] = [1, 2, 3]; let names: Array<string> = ["Alice", "Bob"]; ``` Objects: ```typescript interface User { name: string; age: number; email?: string; // Optional } let user: User = { name: "Alice", age: 25 }; ``` Functions: ```typescript function greet(name: string, age: number): string { return `Hello ${name}, you are ${age}`; } ```

Nachteile von TypeScript: - Setup ist komplizierter - Learning Curve - Mehr zu schreiben (Boilerplate) - Braucht einen Build-Schritt Aber für mittlere bis große Projekte: Der Vorteil überwiegt den Nachteil.

Wenn du React oder Vue nutzt, ist TypeScript schon integriert: ```bash # React mit TypeScript: npx create-react-app my-app --template typescript # Vue mit TypeScript: npm create vite@latest my-app -- --template vue-ts ```