TypeScript Academy · Ders

in, instanceof ve ayırt edici birleşimler

Güvenli dallanma için in/özellik denetimlerini, sınıflar için instanceof'ı ve ayırt edici birleşimleri kullanın.

2. ders / 38 adım

in, instanceof ve ayırt edici birleşimler, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 3 dersten oluşur.

Giriş

Amaç: Üç güçlü koruyucuyu uygulayın: özellik kontrolleri için in, sınıflar için instanceof ve temiz dallanma için ayırt edici birleşimler.

in işleci

in, çalışma zamanında bir özellik adını test ederek türü daraltır. Nesne sabiti birleşimleri için oldukça uygundur.

type HasLength = { length: number };

function print(v: string | HasLength) {
  if ("length" in v) {
    // v is HasLength
    console.log("len:", v.length);
  } else {
    // v is string
    console.log(v.toUpperCase());
  }
}

print({ length: 3 });
print("ts");

instanceof

instanceof, sınıf tabanlı değerler için prototipleri kontrol eder. Kurucu çalışma zamanında kullanılabilir olduğunda çalışır.

class Person {
  constructor(public name: string) {}
}

function hello(x: Person | Date) {
  if (x instanceof Person) {
    console.log("Hi", x.name);
  } else {
    console.log("Year", x.getFullYear());
  }
}

hello(new Person("Ada"));
hello(new Date(2024, 0, 1));

Ayırt edici birleşim

Ayırt edici birleşimler, her durum için tam daraltmayla temiz bir şekilde geçiş yapmak üzere sabit bir etiket (örneğin kind) kullanır.

type Circle = { kind: "circle"; radius: number };
type Square = { kind: "square"; size: number };

type Shape = Circle | Square;

function area(s: Shape): number {
  switch (s.kind) {
    case "circle":
      return Math.PI * s.radius ** 2;
    case "square":
      return s.size * s.size;
  }
}

console.log(area({ kind: "circle", radius: 2 }));
console.log(area({ kind: "square", size: 3 }));

Koruyucuları birleştirme

İç içe yapıların türünü daraltmak ve yalnızca güvenli üyelere erişmek için etiket kontrollerini in ile birleştirin.

type FetchOk = { status: "ok"; data: { length: number } };
type FetchErr = { status: "error"; message: string };

type Result = FetchOk | FetchErr;

function handle(r: Result) {
  if (r.status === "ok" && "length" in r.data) {
    console.log("items:", r.data.length);
  } else {
    console.log("error:", r.message);
  }
}

handle({ status: "ok", data: { length: 5 } });
handle({ status: "error", message: "oops" });

Yönergeler

Yönergeler:

  • Özelliğe dayalı birleşimler için in kullanın.
  • Sınıflarla birlikte instanceof kullanın.
  • Net bir kontrol akışı için ayırt edici birleşimleri kullanın.

in işleci kontrolü

Hızlı kontrol: Çalışma zamanında bir özelliği kontrol eden ve türleri daraltan işleç hangisidir?

Özet

Özet: in özellikleri test eder, instanceof sınıfları kontrol eder ve ayırt edici birleşimler temiz, tür güvenli geçişler sağlar.

Başlamak ücretsiz

Yapay zeka eğitmeniyle TypeScript öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
101
Dersler
352

Sıkça Sorulan Sorular

“in, instanceof ve ayırt edici birleşimler” dersi ücretsiz mi?

Evet — “in, instanceof ve ayırt edici birleşimler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 3 dersten oluşur.

“in, instanceof ve ayırt edici birleşimler” dersinde ne öğreneceğim?

Güvenli dallanma için in/özellik denetimlerini, sınıflar için instanceof'ı ve ayırt edici birleşimleri kullanın. TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 2. dersidir.

“in, instanceof ve ayırt edici birleşimler” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. typeof, eşitlik ve doğruluk daraltması
  2. in, instanceof ve ayırt edici birleşimler
  3. never ile tüm durumları kapsama (giriş)
← TypeScript Academy Sayfasına Dön