TypeScript von Grund auf im Jahr 2025: Vollständiger Leitfaden für Anfänger

Einführung in TypeScript: Wo man 2025 anfängt

TypeScript ist eine Programmiersprache, die von Microsoft entwickelt wurde und die Möglichkeiten von JavaScript um statische Typisierung erweitert. Im Jahr 2025 bleibt es eines der gefragtesten Werkzeuge für die Entwicklung von Webanwendungen, Serverlösungen und mobilen Projekten. Wenn Sie bereits mit JavaScript vertraut sind oder gerade erst mit dem Programmieren beginnen, hilft Ihnen TypeScript, zuverlässigeren, lesbareren und skalierbareren Code zu schreiben. In diesem Artikel schlüsseln wir auf, wo man 2025 mit dem Lernen von TypeScript beginnt, und zeigen praktische Beispiele.

Warum sollte man sich für TypeScript entscheiden? Erstens deckt es Fehler bereits in der Kompilierungsphase auf, nicht erst während der Programmausführung. Zweitens verbessert es die Autovervollständigung in Code-Editoren. Drittens wird es aktiv von der Community unterstützt und in Projekten wie Angular, React, Next.js und NestJS verwendet. Tauchen wir in die Details ein.

1. Installation und Einrichtung von TypeScript

Um zu beginnen, benötigen Sie Node.js Version 18 oder höher. Stellen Sie sicher, dass es installiert ist, indem Sie den Befehl ausführen:

node -v

Wenn Node.js nicht installiert ist, laden Sie es von der offiziellen Website herunter. Installieren Sie dann TypeScript global über npm:

npm install -g typescript

Überprüfen Sie die Installation:

tsc --version

Erstellen Sie nun Ihr erstes Programm. Erstellen Sie eine Datei hello.ts:

let message: string = "Hallo, TypeScript 2025!";console.log(message);

Kompilieren Sie es in JavaScript:

tsc hello.ts

Danach erscheint eine Datei hello.js, die Sie mit Node.js ausführen können:

node hello.js

Der Einfachheit halber können Sie den Compiler mit einer tsconfig.json-Datei konfigurieren. Erstellen Sie sie mit dem Befehl:

tsc --init

Darin können Sie Einstellungen wie den strikten Typüberprüfungsmodus, die Ziel-ECMAScript-Version und Dateipfade angeben.

2. Grundlagen der Typen: Von einfach zu komplex

TypeScript bietet eine breite Palette von Datentypen. Beginnen wir mit den grundlegenden:

• number — Zahlen (ganze Zahlen und Gleitkommazahlen).
• string — Zeichenketten.
• boolean — boolesche Werte (true/false).
• null und undefined — leere Werte.
• any — beliebiger Typ (mit Vorsicht verwenden).

Beispiel für die Deklaration von Variablen mit Typen:

let age: number = 25;let name: string = "Anna";let isStudent: boolean = true;let data: any = "kann alles sein";

Interessantere Typen sind Arrays und Tupel:

let numbers: number[] = [1, 2, 3];let pair: [string, number] = ["Jahr", 2025];

Wichtig sind auch Aufzählungen (enum):

enum Direction {  Up = "UP",  Down = "DOWN",  Left = "LEFT",  Right = "RIGHT"}let move: Direction = Direction.Up;

Im Jahr 2025 werden häufig Literaltypen und Union-Typen verwendet. Sie ermöglichen es, einen genauen Wert oder eine Vereinigung mehrerer Typen anzugeben:

let status: "active" | "inactive" = "active";let id: number | string = "ABC123";

3. Funktionen, Interfaces und Klassen

TypeScript typisiert Funktionen streng. Sie können die Typen der Parameter und des Rückgabewerts angeben:

function greet(name: string): string {  return `Hallo, ${name}!`;}console.log(greet("Welt"));

Verwenden Sie Interfaces, um die Struktur von Objekten zu beschreiben:

interface User {  id: number;  name: string;  email?: string; // optionales Feld}const user: User = { id: 1, name: "Ivan" };

Klassen in TypeScript funktionieren wie in ES6+, jedoch mit