So verwenden Sie Typen in TypeScript – erklärt für Anfänger

TypeScript führt statische Typisierung in JavaScript ein, wodurch Fehler während der Entwicklung erkannt und die Codequalität verbessert werden kann. Dieser Artikel führt Sie durch die Grundlagen der Verwendung von Typen in TypeScript und erleichtert Anfängern das Verständnis des Typsystems von TypeScript.

Was sind Typen in TypeScript?

Typen in TypeScript helfen dabei, die Form und Struktur von Daten zu definieren. Durch die Angabe von Typen stellen Sie sicher, dass Variablen, Funktionsparameter und Rückgabewerte den erwarteten Formaten entsprechen. Dadurch können viele häufige Programmierfehler vermieden werden.

Grundtypen

TypeScript bietet mehrere grundlegende Typen, die Sie zum Definieren von Variablen und Funktionen verwenden können:

  • Zahl: Stellt numerische Werte dar.
  • String: Stellt Textdaten dar.
  • Boolean: Stellt wahre oder falsche Werte dar.
  • Array: Stellt eine Sammlung von Werten eines bestimmten Typs dar.
  • Objekt: Stellt eine Sammlung von Schlüssel-Wert-Paaren dar.

Nummer Beispiel

let age: number = 30;

String-Beispiel

let name: string = "John Doe";

Boolesches Beispiel

let isStudent: boolean = true;

Array-Beispiel

let scores: number[] = [85, 90, 78];

Objektbeispiel

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Typinferenz

TypeScript kann Typen automatisch anhand der zugewiesenen Werte ableiten. Das bedeutet, dass Sie Typen nicht immer explizit angeben müssen, obwohl dies die Übersichtlichkeit des Codes verbessern kann.

Beispiel für Typinferenz

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Benutzerdefinierte Typen mit Schnittstellen

Schnittstellen in TypeScript ermöglichen Ihnen, benutzerdefinierte Typen mit einer bestimmten Struktur zu definieren. Sie sind besonders nützlich, um komplexe Objekte zu erstellen und konsistente Formen in Ihrer Anwendung sicherzustellen.

Schnittstellenbeispiel

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Union-Typen

Union-Typen ermöglichen es einer Variable, Werte mehrerer Typen zu enthalten. Dies kann nützlich sein, wenn ein Wert mehrere Typen haben kann.

Beispiel für Union-Typ

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Typ-Aliase

Mit Typaliasen können Sie einen neuen Namen für einen Typ erstellen. Dies kann hilfreich sein, um komplexe Typdefinitionen zu vereinfachen.

Typalias-Beispiel

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Abschluss

Die Verwendung von Typen in TypeScript bietet zahlreiche Vorteile, darunter frühzeitige Fehlererkennung, verbesserte Lesbarkeit des Codes und verbesserte Wartbarkeit. Wenn Sie grundlegende Typen, Typinferenz, Schnittstellen, Union-Typen und Typaliase verstehen, können Sie TypeScript nutzen, um robusteren und zuverlässigeren Code zu schreiben. Mit zunehmender Erfahrung mit TypeScript werden Sie noch erweiterte Funktionen und Muster entdecken, die Ihren Entwicklungsprozess weiter verbessern können.