TypeScript-Grundlagen: Variablen und Typen vereinfacht

TypeScript erweitert JavaScript durch das Hinzufügen statischer Typen, die dabei helfen, Fehler frühzeitig zu erkennen und die Codequalität zu verbessern. Dieser Artikel vereinfacht die Grundlagen von TypeScript-Variablen und -Typen und vermittelt Anfängern ein klares Verständnis.

Variablen in TypeScript verstehen

In TypeScript werden Variablen ähnlich wie in JavaScript deklariert, allerdings mit dem zusätzlichen Vorteil von Typanmerkungen. Damit können Sie angeben, welche Art von Daten eine Variable enthalten soll.

Deklarieren von Variablen

Sie können Variablen mit let, const und var deklarieren. Allerdings werden let und const aufgrund ihrer Blockbereichsfunktionen empfohlen.

let age: number = 25;
const name: string = "Alice";

Grundlegende Typen in TypeScript

TypeScript bietet mehrere grundlegende Typen, um die Art von Daten zu definieren, die eine Variable enthalten kann:

• Zahl: Stellt numerische Werte dar, einschließlich Ganzzahlen und Gleitkommazahlen.
• 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 count: number = 100;

String-Beispiel

let greeting: string = "Hello, World!";

Boolesches Beispiel

let isActive: boolean = true;

Array-Beispiel

let scores: number[] = [90, 80, 70];

Objektbeispiel

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

Typinferenz

TypeScript kann den Typ einer Variablen automatisch anhand ihres Anfangswerts ableiten. Das bedeutet, dass Sie den Typ nicht immer explizit angeben müssen, obwohl dies Ihren Code übersichtlicher machen kann.

Beispiel für Typinferenz

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

Typanmerkungen

Mithilfe von Typanmerkungen können Sie den Typ einer Variablen explizit definieren. Dadurch wird sichergestellt, dass den Variablen zugewiesene Werte dem erwarteten Typ entsprechen.

Beispiel für eine Typanmerkung

let isLoggedIn: boolean = false;

Abschluss

Das Verständnis von Variablen und Typen ist für die effektive Verwendung von TypeScript von grundlegender Bedeutung. Durch die Nutzung des Typsystems von TypeScript können Sie zuverlässigeren und wartbareren Code schreiben. Beginnen Sie mit grundlegenden Typen, erkunden Sie die Typinferenz und verwenden Sie Typanmerkungen, um sicherzustellen, dass Ihr Code den erwarteten Datenstrukturen entspricht.

Mit diesen Grundlagen sind Sie auf dem besten Weg, TypeScript zu beherrschen und sein volles Potenzial für die Erstellung robuster Anwendungen auszuschöpfen.