Özet - Discriminated unions

Discriminated union'larla bir olay işleyici yazarsın.

Özet - Discriminated unions

Discriminated union'lar, bir veri akışındaki farklı olayları tek bir tür altında modellemek için idealdir. Her olay kendi discriminant değeriyle ayrılır; switch ifadesi güvenli dallanma sağlar. Yeni olay eklendiğinde, tüm case'leri güncellemek zorunlu olduğu için derleyici eksiklikleri yakalar.

type Action =
  | { type: "add"; item: string }
  | { type: "remove"; id: number }
  | { type: "clear" };

function apply(a: Action): string {
  switch (a.type) {
    case "add": return `added ${a.item}`;
    case "remove": return `removed ${a.id}`;
    case "clear": return "cleared";
  }
}

Uygulama Olay işleyici yaz

Action discriminated union türünü tanımla: "add" (item: string), "remove" (id: number), "clear" üyeleri, type discriminant alanıyla. apply(a: Action): string fonksiyonunu switch (a.type) ile yaz. add için `added ${a.item}`, remove için `removed ${a.id}`, clear için "cleared" döndür. console.log(apply({ type: "add", item: "apple" })), console.log(apply({ type: "remove", id: 7 })), console.log(apply({ type: "clear" })) ile sonuçları yazdır.

Örnek çözümü göster

type Action =
  | { type: "add"; item: string }
  | { type: "remove"; id: number }
  | { type: "clear" };

function apply(a: Action): string {
  switch (a.type) {
    case "add":
      return `added ${a.item}`;
    case "remove":
      return `removed ${a.id}`;
    case "clear":
      return "cleared";
  }
}

console.log(apply({ type: "add", item: "apple" }));
console.log(apply({ type: "remove", id: 7 }));
console.log(apply({ type: "clear" }));

Kendini test et

Discriminated union'a yeni bir üye eklendiğinde ne olur?
- Çalışma zamanı hatası alınır
- Switch case'leri eksikse derleyici uyarır
- Union bir diziye dönüşür
- Mevcut case'ler otomatik güncellenir
Cevabı göster

Switch case'leri eksikse derleyici uyarır — Yeni üye eklendiğinde, switch case'leri artık tüm üyeleri kapsamaz; TypeScript eksik case'i derleme zamanında uyarır ve güvenlik sağlar.

clear olayını işle

type Action =
  | { type: "add"; item: string }
  | { type: "remove"; id: number }
  | { type: "clear" };

function apply(a: Action): string {
  switch (a.type) {
    case "add": return `added ${a.item}`;
    case "remove": return `removed ${a.id}`;
    case ____: return "cleared";
  }
}

Cevabı göster

type Action =
  | { type: "add"; item: string }
  | { type: "remove"; id: number }
  | { type: "clear" };

function apply(a: Action): string {
  switch (a.type) {
    case "add": return `added ${a.item}`;
    case "remove": return `removed ${a.id}`;
    case "clear": return "cleared";
  }
}

Discriminated unions özet eşleştirmesi

Discriminated union

etiketli üye birleşimi
Discriminant alan

her üyede farklı literal değer
switch ifadesi

üye bazında dallanma
Yeni üye ekleme

eksik case'i derleyici yakalar

Sıradaki ders: never ile exhaustive

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler