Was sind Union und Intersection Typen?

Question

Accepted Answer

Ein **Union** (`A | B`) bedeutet "entweder A **oder** B." Ein **Intersection** (`A & B`) bedeutet "sowohl A **als auch** B gleichzeitig."

```ts
// Union — value is one of several types
type Status = "loading" | "success" | "error"; // string literal union
let s: Status = "loading"; // only these three allowed

function id(x: string | number) { /* x is string OR number */ }
```

## Arbeiten mit Unions: Sie können nur das Gemeinsame verwenden

```ts
function format(x: string | number) {
  // x.toFixed(2); // ❌ toFixed doesn't exist on string
  if (typeof x === "number") return x.toFixed(2); // ✅ narrowed to number
  return x.toUpperCase();                          // ✅ here it's a string
}
```

Bis Sie einen Union **eingrenzen**, können Sie nur auf Member zugreifen, die auf *jedem* Member des Union vorhanden sind — der Compiler schützt Sie.

## Intersection — Formen kombinieren

```ts
type Name = { name: string };
type Age = { age: number };
type Person = Name & Age; // must have BOTH name and age

const p: Person = { name: "Ann", age: 30 }; // both required
```

Intersections eignen sich hervorragend zum Komponieren/Mischen von Objekttypen (z. B. Props zu einem vorhandenen Typ hinzufügen).

## Warum es wichtig ist

Unions modellieren "eine von mehreren Möglichkeiten" — die Grundlage für sicheres State Modeling (z. B. discriminated unions für Reducer-State), Funktionsüberladungen und nullable Typen (`T | null`).

Intersections kombinieren Typen miteinander.

Zusammen machen sie Typescripts Typ-System ausdrucksstark genug, um reale Daten präzise abzubilden.