0Pricing
TypeScript Academy · Ders

Gelişmiş Tür Daraltma

Karmaşık tür koşullarını kolayca yönetmek için gelişmiş tür koruyucularını ve denetim akışı analizini kullanmayı öğrenin.

Gelişmiş Tür Daraltma, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 dersinin 1. 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.

Gelişmiş Tür Daraltmaya Giriş

Gelişmiş Tür Daraltmaya Giriş

Gelişmiş tür daraltma, tür koruyucuları, kontrol akışı analizi ve özel yüklemler gibi gelişmiş teknikleri kullanarak çalışma zamanında karmaşık türleri daha belirli hâle getirmenize olanak tanır.

Bu araçlar TypeScript kodunuzu daha güvenli ve öngörülebilir hâle getirir.

Gelişmiş Tür Daraltma — resim 1

Tür Daraltma Nedir?

Tür Daraltma Nedir?

Tür daraltma, daha geniş bir türü (ör. string | number) çalışma zamanı denetimleri kullanarak daha belirli bir türe dönüştürme sürecidir.

Tür Daraltma için <code>typeof</code> Kullanma

typeof Kullanarak Tür Daraltma

typeof işleci, ilkel türleri daraltmak için kullanılabilir:

function printValue(value: string | number): void {
  if (typeof value === 'string') {
    console.log(`String: ${value}`);
  } else {
    console.log(`Number: ${value}`);
  }
}

printValue('Hello'); // String: Hello
printValue(42); // Number: 42

Tür Daraltma için <code>instanceof</code> Kullanma

instanceof Kullanarak Tür Daraltma

instanceof işleci, sınıf örneklerini daraltmak için kullanılabilir:

class Dog {
  bark() {
    console.log('Woof!');
  }
}

class Cat {
  meow() {
    console.log('Meow!');
  }
}

function makeSound(animal: Dog | Cat): void {
  if (animal instanceof Dog) {
    animal.bark();
  } else {
    animal.meow();
  }
}

makeSound(new Dog()); // Woof!
makeSound(new Cat()); // Meow!

Özel Tür Koruyucuları Kullanma

Özel Tür Koruyucuları Kullanma

Türleri daha kesin biçimde daraltmak için özel tür koruyucu işlevler oluşturabilirsiniz:

type Fish = { swim: () => void };
type Bird = { fly: () => void };

declare const animal: Fish | Bird;

function isFish(animal: Fish | Bird): animal is Fish {
  return (animal as Fish).swim !== undefined;
}

if (isFish(animal)) {
  animal.swim();
} else {
  animal.fly();

Kontrol Akışı Analizi

Kontrol Akışı Analizi

TypeScript'in kontrol akışı analizi, kodunuzun mantıksal akışına göre türleri otomatik olarak daraltır:

function getLength(value: string | string[]): number {
  if (Array.isArray(value)) {
    return value.length;
  } else {
    return value.length;
  }
}

console.log(getLength('Hello')); // 5
console.log(getLength(['a', 'b', 'c'])); // 3

Gelişmiş Tür Daraltmanın Faydaları

Gelişmiş Tür Daraltmanın Faydaları

Gelişmiş tür daraltma, kodunuzu şu yollarla iyileştirir:

  • Çalışma zamanı hatalarını azaltır.
  • Kodu daha güvenli ve anlaşılması daha kolay hâle getirir.
  • Tür işleme üzerinde hassas denetim sağlar.

Alıştırma Görevi

Alıştırma Görevi

string | number türünde bir parametre alan ve her tür için farklı bir iletiyi günlüğe kaydeden bir işlev oluşturun. Mantığı uygulamak için typeof kullanın.

Tebrikler!

Tebrikler!

Karmaşık türleri güvenli ve etkili biçimde daraltmak ve ele almak için TypeScript'te gelişmiş tür daraltma tekniklerini nasıl kullanacağınızı öğrendiniz. Kodunuzu daha sağlam ve tür güvenli hâle getirmek için bu teknikleri uygulayın!

Gelişmiş Tür Daraltma — resim 10

Sıkça Sorulan Sorular

“Gelişmiş Tür Daraltma” dersi ücretsiz mi?

Evet — “Gelişmiş Tür Daraltma” 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.

“Gelişmiş Tür Daraltma” dersinde ne öğreneceğim?

Karmaşık tür koşullarını kolayca yönetmek için gelişmiş tür koruyucularını ve denetim akışı analizini kullanmayı öğrenin. 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 1. dersidir.

“Gelişmiş Tür Daraltma” 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. Gelişmiş Tür Daraltma
  2. Gelişmiş Sınıf Özellikleri
  3. Koşullu Türler
← TypeScript Academy Sayfasına Dön