Was sind Enums und wann solltest du sie verwenden?

Question

Accepted Answer

Ein **enum** definiert einen Satz benannter Konstanten. TypeScript hat numerische und string enum.

```ts
enum Direction { Up, Down, Left, Right } // numeric: Up=0, Down=1, ...
Direction.Up;        // 0
Direction[0];        // "Up" — numeric enums have a reverse mapping

enum Status {        // string enum — more readable values
  Active = "ACTIVE",
  Inactive = "INACTIVE",
}
Status.Active;       // "ACTIVE"
```

## Ein Vorbehalt: Enums generieren Runtime-Code

Im Gegensatz zu den meisten TypeScript-Typen (die bei der Kompilierung verschwinden) gibt ein reguläres `enum` ein JavaScript-Objekt in dein Bundle aus. Deshalb bevorzugen viele Teams eine **Union von String-Literalen** plus `as const`, das rein auf Typ-Ebene ist:

```ts
// often preferred — zero runtime cost, easy to read in logs
const Status = { Active: "ACTIVE", Inactive: "INACTIVE" } as const;
type Status = typeof Status[keyof typeof Status]; // "ACTIVE" | "INACTIVE"

// or simply:
type Direction = "up" | "down" | "left" | "right";
```

## const enum

```ts
const enum E { A, B } // inlined at compile time — no runtime object, but has tooling caveats
```

## Warum es wichtig ist

Enums geben festen Mengen (Zustände, Rollen, Richtungen) aussagekräftige Namen und gruppieren sie unter einem Namespace.

Aber weil sie Runtime-Code ausgeben und Besonderheiten haben (numerische Enums werden loose geprüft), bevorzugt modernes TypeScript oft **String-Literal-Unions** für einfache Fälle — sie sind leichter und serialisieren sich natürlich.

Verwende Enums, wenn du Namespacing oder Reverse Mapping möchtest.