Programmiersprachen · Praxisguide

TypeScript: Syntax

Typannotationen ergänzen die JavaScript-Syntax, wo Inferenz nicht ausreicht.

  • TypeScriptTechnologie

  • Prüffallmit Grenzfällen

  • 1offizielle Quelle

Redaktion: Wibify · Inhaltlich überarbeitet am

Projekt anfragen

  1. 1Kontakt
  2. 2
  3. 3

Wie erreichen wir Sie?

Ihre Kontaktdaten zuerst – die Projektdetails folgen im nächsten Schritt.

Datenschutz: Ihre Eingaben werden automatisch gespeichert. Mehr erfahren

Nur 2 Minuten
  • Logo von Carline CLD
  • Logo von Eiscafé Lisa
  • Logo von Die Lackierwerkstatt
  • Logo von Moussa Export
  • Logo von Steak Club
  • Logo von Propvex Capital
  • Logo von Mister Glanz
  • Logo von Car Company
  • Logo von Metalllo
  • Logo von Swiss Sanierung
  • Logo von Josh Jabs
  • Logo von Umzugsservice Swiss
  • Logo von Unfallfix24
  • Logo von Autolackiererei Köse
  • Logo von Autogutachten.info

Ergebnis dieses Guides

Ein lesbares Beispiel mit Verzweigung

Arbeitsumgebung

TypeScript mit projektbezogener tsconfig und der vorgesehenen JavaScript-Laufzeit

Wann ist diese Entscheidung wichtig?

Syntax wird verständlicher, wenn einzelne Konstrukte eine Aufgabe lösen. Kürze ist dabei kein Ersatz für erkennbare Regeln und klare Namen.

Beschreiben Sie interne Verträge möglichst genau und halten Sie unbekannte externe Werte zunächst als unknown. Eine Typbehauptung prüft keine Netzwerkantwort. Die fertige Ausgabe läuft weiterhin unter den Regeln der gewählten JavaScript-Umgebung.

Syntax: Schritt für Schritt.

  1. 01

    Vorbereiten

    Wählen Sie einen Vergleich, eine Verzweigung und eine wiederholte Verarbeitung aus Ihrem Anwendungsfall.

  2. 02

    In TypeScript umsetzen

    Schreiben Sie den Ablauf zunächst ausdrücklich. Prüfen Sie danach, ob eine kürzere Form tatsächlich leichter verständlich ist.

  3. 03

    Im tatsächlichen Projekt prüfen

    Prüfen Sie sowohl die Typen mit dem Projektcompiler als auch das tatsächliche Laufzeitverhalten. Ein erfolgreicher Typcheck ersetzt keine Eingabeprüfung und keinen Berechtigungstest.

Beispiel zur Überprüfung

So lässt sich das Ergebnis prüfen.

Als Projektkontext dient eine Webanwendung mit mehreren Formularen und API-Antworten. Der folgende Prüffall ist eine Vorlage für diese Aufgabe und kein Bericht über eine Kundenmessung.

Eingabe / Auslöser
Ein Wert unterhalb, auf und oberhalb einer festgelegten Grenze
Erwartetes Ergebnis
Die Verzweigung behandelt alle drei Fälle nachvollziehbar.
Fehler- oder Grenzfall
Ein ungültiger Typ wird nicht stillschweigend in einen vermeintlich passenden Wert umgewandelt.

TypeScript · begrenztes Beispiel

type Result =
  | { ok: true; value: number }
  | { ok: false; error: string };

function label(result: Result): string {
  return result.ok ? String(result.value) : result.error;
}

Die unterscheidbaren Varianten erlauben einen klaren Erfolgs- und Fehlervertrag. Das Programm greift erst nach der Prüfung von ok auf die Eigenschaften der passenden Variante zu.

Abnahme und typische Fehler.

  • Ein fremder Leser erkennt den Kontrollfluss ohne lange Erklärung.
  • Ein ungültiger Typ wird nicht stillschweigend in einen vermeintlich passenden Wert umgewandelt.
  • Typen werden zur Laufzeit entfernt; externe Daten müssen trotzdem validiert werden.

Typischer Fehler

Knappe Schreibweisen sind nicht automatisch besser.

Quellen und Versionshinweis

Die Anleitung beschreibt das Vorgehen; konkrete APIs, Produktfunktionen und Laufzeitgrenzen müssen zur eingesetzten Version passen. Halten Sie Version, Konfiguration und Prüfergebnis im Projekt fest und vergleichen Sie die verlinkte Dokumentation bei Änderungen.

  • Kostenlos
  • Unverbindlich
  • Antwort in 24 h

Lassen Sie uns etwas Großes bauen.

Erzählen Sie uns von Ihrem Vorhaben. Im kostenlosen Erstgespräch klären wir Ziele, Umfang und den besten Weg – persönlich, ehrlich und ohne Verkaufsdruck.

Lieber persönlich sprechen?+49 1575 4405511
Profilbild von Hi BaProfilbild von Janine S.Profilbild von V. BinkayProfilbild von Anna L.Profilbild von Mark

aus 24 Google-Bewertungen