Enums

Willkommen zur nächsten Lektion! In dieser Lektion lernen Sie Enums in TypeScript kennen. Mit Enums können Sie eine Gruppe benannter Konstanten definieren, wodurch Ihr Code besser lesbar und einfacher zu verwalten ist. Sehen wir uns das genauer an!

Was sind Enums?

Ein Enum (kurz für Enumeration) ist ein Datentyp, mit dem Sie eine Gruppe benannter Konstanten definieren können. Enums werden verwendet, um zusammengehörige Werte zu gruppieren, wodurch Ihr Code übersichtlicher und weniger fehleranfällig wird.

Beispiel: Die Wochentage können mithilfe eines Enums dargestellt werden:

Aufgabe: Erstellen Sie ein Enum für die Monate des Jahres und geben Sie einige Werte in der Konsole aus.

enum Days {
  Monday,
  Tuesday,
  Wednesday,
  Thursday,
  Friday,
  Saturday,
  Sunday,
}

console.log(Days.Monday); // Output: 0
console.log(Days.Friday); // Output: 4

Numerische Enums

Enums in TypeScript sind standardmäßig numerisch und beginnen bei 0. Bei Bedarf können Sie Enum-Mitgliedern eigene Werte zuweisen:

Aufgabe: Definieren Sie ein Enum für Benutzerrollen (z. B. Admin, Editor, Viewer) mit eigenen numerischen Werten.

enum Status {
  Active = 1,
  Inactive = 2,
  Pending = 3,
}

console.log(Status.Active); // Output: 1
console.log(Status.Pending); // Output: 3

Rückwärtszuordnung

TypeScript-Enums unterstützen eine Rückwärtszuordnung. Dadurch können Sie anhand des Werts den Namen eines Enum-Mitglieds ermitteln:

Aufgabe: Experimentieren Sie mit der Rückwärtszuordnung mithilfe Ihres eigenen Enums.

enum Colors {
  Red = 1,
  Green,
  Blue,
}

console.log(Colors[1]); // Output: "Red"
console.log(Colors[2]); // Output: "Green"

String-Enums

TypeScript unterstützt auch String-Enums, bei denen jedem Enum-Mitglied ein String-Wert zugewiesen wird:

Aufgabe: Erstellen Sie ein String-Enum für die Primärfarben (z. B. Red, Green, Blue).

enum Directions {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

console.log(Directions.Up); // Output: "UP"
console.log(Directions.Left); // Output: "LEFT"

Heterogene Enums

Ein Enum kann sowohl numerische als auch String-Werte enthalten. Aus Gründen der Einheitlichkeit wird davon jedoch generell abgeraten:

Aufgabe: Definieren Sie ein gemischtes Enum und beobachten Sie sein Verhalten in Ihrem Editor.

enum Mixed {
  Yes = 1,
  No = "NO",
}

console.log(Mixed.Yes); // Output: 1
console.log(Mixed.No); // Output: "NO"

Enums in Funktionen verwenden

Enums eignen sich hervorragend, um den Ablauf Ihres Codes zu steuern. Beispiel:

Aufgabe: Schreiben Sie eine Funktion, die ein Enum als Parameter entgegennimmt und eine Nachricht zurückgibt.

enum Status {
  Active,
  Inactive,
  Pending,
}

function checkStatus(status: Status): string {
  switch (status) {
    case Status.Active:
      return "The status is active.";
    case Status.Inactive:
      return "The status is inactive.";
    case Status.Pending:
      return "The status is pending.";
    default:
      return "Unknown status.";
  }
}

console.log(checkStatus(Status.Active)); // Output: "The status is active."

Häufige Fehler

Hier sind einige häufige Fehler bei der Verwendung von Enums:

• Numerische Enums verwenden, obwohl String-Enums den Code verständlicher machen würden.
• Numerische und String-Werte im selben Enum mischen.
• Für Werte, die von benannten Konstanten profitieren könnten, keine Enums verwenden.

Tipp: Wählen Sie je nach Anwendungsfall den passenden Enum-Typ (numerisch oder String).

Gut gemacht!

Glückwunsch! Sie haben gelernt, wie Sie Enums in TypeScript verwenden, um benannte Konstanten zu definieren. Enums sind eine leistungsstarke Möglichkeit, Ihren Code besser lesbar und weniger fehleranfällig zu machen. In der nächsten Lektion sehen wir uns Literal-Typen an, eine weitere fortgeschrittene Funktion von TypeScript. Programmieren wir weiter!