Programming language · Seit 2012

TypeScript

TypeScript erweitert JavaScript um statische Typen, findet Fehler schon vor der Ausführung und macht große Codebasen besser wartbar.

Anleitung starten Diskussionen

TypeScript ist eine Open-Source-Sprache, die Microsoft entwickelt und 2012 erstmals veröffentlicht hat. Als Obermenge von JavaScript ist vorhandener JavaScript-Code bereits gültiges TypeScript; hinzu kommen Typannotationen, Interfaces, Generics und mehr. Der Compiler prüft die Typen und erzeugt anschließend gewöhnliches JavaScript ohne Typangaben, das überall läuft, wo JavaScript läuft, vom Browser bis Node.js.

Die Typprüfung entdeckt Tippfehler, falsche Argumente und Zugriffe auf undefinierte Werte, bevor der Code überhaupt ausgeführt wird. Editoren nutzen dieselben Typinformationen für präzise Autovervollständigung, Umbenennen und Sprung zur Definition. Das zahlt sich vor allem bei Web-Apps, Servern und Bibliotheken aus, an denen viele Menschen über lange Zeit arbeiten.

Am besten lernen Sie zuerst die Grundlagen von JavaScript und arbeiten dann das offizielle Handbook durch. Im TypeScript Playground können Sie ohne Installation Code schreiben und die kompilierte Ausgabe ansehen. Bestehende JavaScript-Projekte lassen sich schrittweise umstellen, indem man zunächst einzelne Dateien in .ts umwandelt.

Besonderheiten

Statische Typprüfung

Findet Code mit unpassenden Typen vor der Ausführung und reduziert so Laufzeitfehler.

Typinferenz

Nicht alles muss annotiert werden: Der Compiler leitet Typen aus Werten und Kontext ab.

JavaScript-Kompatibilität

Jede vorhandene JavaScript-Bibliothek ist nutzbar, und laufende Projekte lassen sich Schritt für Schritt umstellen.

Ausdrucksstarkes Typsystem

Union-Typen, Generics und bedingte Typen beschreiben auch komplexe Datenstrukturen und APIs genau.

Einsatzgebiete

Web-Frontends mit React, Angular oder Vue
Server und APIs mit Node.js, Deno oder Bun
npm-Bibliotheken und SDKs
Electron-Desktop-Apps und VS-Code-Erweiterungen

Installation

1
Node.js installieren
Laden Sie die LTS-Version von nodejs.org herunter und installieren Sie sie; unter macOS und Linux geht das auch per Paketmanager. Prüfen Sie danach im Terminal, ob die Version angezeigt wird.
```
node --version
```
2
TypeScript installieren
Installieren Sie TypeScript im Projektordner als Entwicklungsabhängigkeit. So nutzt das ganze Team dieselbe Compiler-Version.
```
npm install --save-dev typescript
```
3
Compiler prüfen
Starten Sie den im Projekt installierten tsc über npx und prüfen Sie, ob eine Version ausgegeben wird.
```
npx tsc --version
```

Dein erstes Programm

Das erste Programm

Die Funktion greet legt fest, dass der Parameter name und der Rückgabewert Strings sind. npx tsc hello.ts prüft die Typen und erzeugt hello.js, und node hello.js gibt Hello, TypeScript! aus. Wer wie in greet(42) eine Zahl übergibt, bekommt schon beim Kompilieren einen Fehler.

hello.ts

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("TypeScript"));

npx tsc hello.ts && node hello.js

Wichtige Werkzeuge

tsc: Der offizielle Compiler: Er prüft Typen und übersetzt TypeScript in JavaScript. Optionen stehen in tsconfig.json.
Visual Studio Code: Ein Editor mit eingebauter TypeScript-Unterstützung für Autovervollständigung, Refactoring und Fehleranzeige.
typescript-eslint: Ermöglicht ESLint die Analyse von TypeScript-Code und bietet Regeln, die Typinformationen nutzen.
tsx: Ein Node.js-Werkzeug, das TypeScript-Dateien ohne separaten Build-Schritt direkt ausführt. Es prüft keine Typen, daher zusammen mit tsc verwenden.

Schritt-für-Schritt-Anleitung

Sechs Kapitel führen dich von der Installation bis zu den Kernkonzepten von TypeScript.

Offizielle Dokumentation und Ressourcen

Diskussionen

Diskussion starten

Stelle Fragen, teile Erfahrungen und tausche Meinungen zu TypeScript aus.

Noch keine Diskussionen. Starte die erste.