Große Oberflächen
Datenmodelle zwischen Komponenten abstimmen.
TypeScript
verständlich erklärt.
TypeScript ergänzt JavaScript um prüfbare Typbeschreibungen. Dadurch fallen viele unpassende Datenzugriffe schon beim Entwickeln auf. Für die Ausführung wird gewöhnlich JavaScript erzeugt.
Wofür wird
TypeScript genutzt?
Die wichtigsten Einsatzgebiete auf einen Blick – und eine Grenze, die du kennen solltest.
Teamarbeit
Funktionsparameter und Rückgaben klar beschreiben.
Umbauten
Fehler beim Umbenennen oder Ändern von Eigenschaften früher erkennen.
Vom Beispiel
zum Verständnis.
Erst die Aufgabe lesen, dann den Code verfolgen und schließlich eine kleine Änderung ausprobieren.
BEISPIEL 01
Ein klares Artikelmodell
Ein Shop möchte Namen und Bestand konsistent behandeln.
type Artikel = { name: string; bestand: number };
function verfuegbar(artikel: Artikel): boolean {
return artikel.bestand > 0;
}
console.log(verfuegbar({ name: "Helm", bestand: 3 }));Das passiert im Code
- type definiert die erwarteten Eigenschaften.
- bestand muss eine Zahl sein; die Funktion liefert einen Wahrheitswert.
- Die Typen helfen beim Prüfen des Codes und werden im erzeugten JavaScript entfernt.
Erwartetes Ergebnis
true
Probiere es selbst
Was passiert mit bestand: "drei"?
Lösung ansehen
TypeScript meldet einen Typfehler: string passt nicht zu number.
BEISPIEL 02
Erlaubte Zustände begrenzen
Eine Anfrage kann genau einen von drei Bearbeitungszuständen haben.
type Status = "neu" | "in Arbeit" | "fertig";
function hinweis(status: Status): string {
return status === "fertig" ? "Abgeschlossen" : "Noch offen";
}
console.log(hinweis("neu"));Das passiert im Code
- Die Union erlaubt nur die drei aufgeführten Texte.
- Der Vergleich wählt den passenden Hinweis.
- Ein Tippfehler im Funktionsaufruf wird beim Typprüfen sichtbar.
Erwartetes Ergebnis
Noch offen
Probiere es selbst
Rufe die Funktion mit fertig auf.
Lösung ansehen
hinweis("fertig") liefert Abgeschlossen.
Wie geht es
weiter?
Vertiefe das Thema in der Dokumentation oder vergleiche es mit einem verwandten Werkzeug.
Dokumentation zu TypeScript öffnen ↗
JavaScript
JavaScript reagiert auf Eingaben und verarbeitet Daten. Im Browser macht es Oberflächen interaktiv; mit Laufzeitumgebungen wie Node.js kann es auch außerhalb des Browsers arbeiten.
JavaScript mit BeispielenJSON
JSON ist ein Textformat für strukturierte Daten. Objekte, Listen, Texte, Zahlen, Wahrheitswerte und null lassen sich damit zwischen Anwendungen austauschen. JSON selbst führt keine Anweisungen aus.
JSON mit Beispielen