Özet - Union & intersection

Union ve intersection'ı birleştirerek bir ödeme modeli yazarsın.

Union ve intersection birlikte

Union ve intersection'ı birleştirerek karmaşık modeller kurabilirsin. Parantez ile öncelik belirlenir: önce union, sonra intersection uygulanır.

interface Identifiable { id: string; }
interface CashPay { method: "cash"; amount: number; }
interface CardPay { method: "card"; cardNumber: string; }
type Payment = (CashPay | CardPay) & Identifiable;

const p: Payment = { id: "p1", method: "cash", amount: 100 };

Her ödeme bir kimliğe sahiptir ve nakit ya da kart olabilir.

Uygulama Ödeme modeli kur

Identifiable arayüzünü id: string ile tanımla. CashPay arayüzünü method: "cash" ve amount: number ile tanımla. CardPay arayüzünü method: "card" ve cardNumber: string ile tanımla. Payment türünü (CashPay | CardPay) & Identifiable olarak tanımla. handlePayment(p: Payment): string fonksiyonu p.id + ":" + p.method döndürsün ve sonucu yazdır.

Örnek çözümü göster

interface Identifiable { id: string; }
interface CashPay { method: "cash"; amount: number; }
interface CardPay { method: "card"; cardNumber: string; }
type Payment = (CashPay | CardPay) & Identifiable;

function handlePayment(p: Payment): string {
  return p.id + ":" + p.method;
}

const payment: Payment = { id: "p1", method: "cash", amount: 100 };
console.log(handlePayment(payment));

Kendini test et

Aşağıdaki type X tanımlarından hangisi hem union hem intersection kullanır?
- type X = A;
- type X = A | B;
- type X = (A | B) & C;
- type X = A & B;
Cevabı göster

type X = (A | B) & C; — Parantez içindeki A | B union'dur; dışarıdaki & C intersection'dır. Bu tanım her iki kavramı birlikte kullanır.

Ödeme modelini tamamla

type Payment = (Cash | Card) ____ Identifiable;

Cevabı göster

type Payment = (Cash | Card) & Identifiable;

Birleşik model parçaları

|

Veya (or) tür operatörü
&

Ve (and) tür operatörü
(A | B) & C

Önce birleşim sonra kesişim
"cash" | "card"

İki string literalın birleşimi

Sıradaki ders: null ve undefined farkı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler