TypeScript · Anfänger
Arrays definieren
TypeScript ermöglicht es Ihnen, Arrays zu definieren, die nur einen bestimmten Elementtyp enthalten, was versehentlich gemischte Arrays verhindert.
Snippet öffnen →Code-Bibliothek
TypeScript für Anfänger
Lies diese TypeScript-Snippets für Anfänger Zeile für Zeile — jedes kommt mit einer Erklärung, was der Code tut und warum.
TypeScript · Anfänger
Typ-Annotationen
Typ-Annotationen ermöglichen es uns, den Typ einer Variablen explizit anzugeben. Dies hilft dem Compiler, Fehler zu finden, wenn wir versuchen, einen Wert des falschen Typs zuzuweisen.
Snippet öffnen →TypeScript · Anfänger
Grundlegende Funktionstypen
In TypeScript können Sie die Typen der Parameter, die eine Funktion empfängt, und den Typ des zurückgegebenen Werts definieren.
Snippet öffnen →TypeScript · Anfänger
Einfache Interfaces
Interfaces werden verwendet, um die Form eines Objekts zu beschreiben. Sie fungieren als Vertrag darüber, welche Eigenschaften ein Objekt haben sollte.
Snippet öffnen →TypeScript · Anfänger
Union-Typen
Union-Typen ermöglichen es einer Variablen, einer von mehreren Typen zu sein. Dies ist nützlich, wenn ein Wert legitimerweise verschiedene Typen haben kann.
Snippet öffnen →TypeScript · Anfänger
Optionales Verkettung
Der Operator für optionales Verkettung (?.) ermöglicht das Lesen eines Eigenschaftswerts tief in einer Objektkette, ohne jede Referenz einzeln prüfen zu müssen.
Snippet öffnen →TypeScript · Anfänger
Numerische Enums
Enums ermöglichen es Entwicklern, eine Reihe von benannten Konstanten zu definieren, was die Dokumentation von Absichten oder das Erstellen verschiedener Fälle erleichtert.
Snippet öffnen →TypeScript · Anfänger
Typ-Zusicherungen
Typ-Zusicherungen sind eine Möglichkeit, dem Compiler mitzuteilen, einen Wert als spezifischen Typ zu behandeln, wenn Sie mehr Informationen darüber haben als TypeScript.
Snippet öffnen →TypeScript · Anfänger
Nullish Coalescing Operator
Der Nullish Coalescing Operator (??) gibt den rechten Operanden zurück, wenn der linke null oder undefined ist. Im Gegensatz zu || behandelt er 0 als gültigen Wert.
Snippet öffnen →TypeScript · Anfänger
Readonly Modifikator
Das Schlüsselwort 'readonly' macht eine Eigenschaft unveränderlich. Ein Wert kann nur bei der Deklaration oder im Konstruktor der Klasse zugewiesen werden.
Snippet öffnen →TypeScript · Anfänger
Basis-Typanmerkungen
Typanmerkungen ermöglichen es Ihnen, explizit anzugeben, welchen Datentyp eine Variable speichern soll, was hilft, Fehler bereits während der Entwicklung zu finden.
Snippet öffnen →TypeScript · Anfänger
Ein Interface definieren
Ein Interface definiert die Struktur eines Objekts und stellt sicher, dass es bestimmte Eigenschaften mit bestimmten Typen besitzt.
Snippet öffnen →TypeScript · Anfänger
Typen für Funktionsparameter
In TypeScript können Sie Typen sowohl für die Funktionsparameter als auch für den Wert angeben, den die Funktion zurückgibt.
Snippet öffnen →TypeScript · Anfänger
Syntax für Array-Typen
Sie können ein Array definieren, das nur einen bestimmten Elementtyp zulässt, indem Sie eckige Klammern an den Typnamen anhängen.
Snippet öffnen →TypeScript · Anfänger
Tupel-Typen
Ein Tupel ist ein spezielles Array, bei dem Sie genau wissen, wie viele Elemente es enthält und welche Typen an bestimmten Positionen stehen.
Snippet öffnen →TypeScript · Anfänger
Schreibgeschützte Eigenschaften
Der 'readonly'-Modifikator macht eine Eigenschaft nach der Initialisierung des Objekts unveränderlich und verhindert versehentliche Änderungen an sensiblen Daten.
Snippet öffnen →TypeScript · Anfänger
Der 'unknown'-Typ
Der Typ 'unknown' ist eine sicherere Version von 'any'. Sie können keine Operationen auf einem 'unknown'-Wert ausführen, bis Sie seinen Typ durch eine Prüfung verifiziert haben.
Snippet öffnen →TypeScript · Anfänger
Typ-Aliase für Objekte
Typ-Aliase ermöglichen es Ihnen, einer Objektstruktur einen benutzerdefinierten Namen zu geben, sodass dieselbe Struktur ohne Interfaces im Code wiederverwendet werden kann.
Snippet öffnen →TypeScript · Anfänger
Optionale Verkettung
Die optionale Verkettung ermöglicht den sicheren Zugriff auf Eigenschaften, die null oder undefined sein könnten. Wenn ein Teil der Kette fehlt, wird undefined zurückgegeben, anstatt einen Laufzeit…
Snippet öffnen →TypeScript · Anfänger
Null-Koaleszenz-Operator
Der Null-Koaleszenz-Operator (??) gibt den rechten Wert nur zurück, wenn der linke Wert null oder undefined ist. Im Gegensatz zum OR-Operator (||) reagiert er nicht auf leere Strings oder 0.
Snippet öffnen →TypeScript · Anfänger
Der Rückgabetyp 'void'
In TypeScript wird 'void' verwendet, um anzuzeigen, dass eine Funktion keinen Wert zurückgibt. Dies hilft, Logikfehler zu vermeiden, bei denen ein Rückgabewert erwartet wird, der nicht existiert.
Snippet öffnen →TypeScript · Anfänger
String-Enums
String-Enums ermöglichen die Definition von benannten Konstanten mit String-Werten. Sie bieten eine bessere Lesbarkeit und einfacheres Debugging im Vergleich zu numerischen Enums, da die Werte besc…
Snippet öffnen →TypeScript · Anfänger
Der Typ 'never'
Der Typ 'never' repräsentiert Werte, die niemals eintreten. Er wird für Funktionen verwendet, die immer einen Fehler auslösen oder Endlosschleifen enthalten, sodass sie niemals ein Return erreichen.
Snippet öffnen →TypeScript · Anfänger
Literal-Typen
Literal-Typen ermöglichen es Ihnen, den exakten Wert anzugeben, den ein String, eine Zahl oder ein Boolean haben muss, anstatt nur einen beliebigen Wert dieses Typs zuzulassen.
Snippet öffnen →TypeScript · Anfänger
Typ-Wächter mit typeof
Typ-Wächter verwenden Laufzeitprüfungen, um einen Union-Typ innerhalb eines Codeblocks auf einen spezifischen Typ einzugrenzen.
Snippet öffnen →TypeScript · Anfänger
Einfache Klasse mit Zugriffsmodifikatoren
Zugriffsmodifikatoren wie 'public' und 'private' steuern, ob auf Klassenmitglieder von außerhalb der Klasse zugegriffen werden kann.
Snippet öffnen →TypeScript · Anfänger
Funktionsüberladung
Funktionsüberladung ermöglicht es Ihnen, mehrere Arten zu definieren, wie eine Funktion aufgerufen werden kann, was eine bessere Typprüfung für verschiedene Eingabekombinationen bietet.
Snippet öffnen →TypeScript · Anfänger
Array-Typ-Annotationen
Man kann den Typ der in einem Array erlaubten Elemente angeben, indem man die eckige Klammer-Syntax (Typ[]) nach dem Typnamen verwendet.
Snippet öffnen →TypeScript · Anfänger
Typisierte Funktionsparameter
TypeScript ermöglicht es, explizite Typen für Funktionsargumente und den erwarteten Rückgabetyp zu definieren, um Logikfehler zu vermeiden.
Snippet öffnen →TypeScript · Anfänger
Optionale Funktionsparameter
Funktionsparameter können mit der Fragezeichen-Syntax als optional markiert werden, sodass sie bei Aufrufen weggelassen werden können.
Snippet öffnen →