CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

typeof operatörü

typeof ile bir değerin türünü öğrenirsin.

typeof operatörü

typeof operatörü, bir değerin türünü çıkarır ve bir tür olarak verir. typeof ayarlar, ayarlar değişkeninin türünü üretir. Bu türü type alias olarak saklayıp başka yerlerde kullanabilirsin. JavaScript'teki çalışma zamanı typeof'undan farklı olarak bu tür düzeyinde çalışır.

const ayarlar = { tema: "koyu", ses: true };
type AyarTip = typeof ayarlar;
// { tema: string; ses: boolean }

Değerden tür türetme

typeof özellikle const ile tanımlanmış bir nesneden tür türetmek için yararlıdır. Nesnenin yapısı değiştiğinde typeof ile üretilen tür otomatik güncellenir. Böylece arayüzü elle yazmak yerine mevcut değerden tür elde edersin.

Uygulama Değerden tür türet

ayarlar değişkenine { tema: "koyu", ses: true } nesnesini ata. AyarTip türünü typeof ayarlar olarak tanımla. goster(a: AyarTip): void fonksiyonu yaz; gövdede console.log(a.tema) ile tema yazdırılsın. goster(ayarlar) çağrısı yap.

Başlangıç kodu

index.ts
// ayarlar değişkenine { tema: "koyu", ses: true } ata
// AyarTip türünü ayarlar'ın türü olarak tanımla
// goster fonksiyonu AyarTip parametre alsın
// gövdede console.log ile a.tema yazdır
// ayarlar ile çağır

Örnek çözüm

index.ts
const ayarlar = { tema: "koyu", ses: true };
type AyarTip = typeof ayarlar;
function goster(a: AyarTip): void {
  console.log(a.tema);
}
goster(ayarlar);

Beklenen çıktı

koyu

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Aşağıdaki kodda AyarTip neyin türüdür?

index.ts
const ayarlar = { tema: "koyu", ses: true };
type AyarTip = typeof ayarlar;
  • "koyu" | true
  • any
  • { tema: string; ses: boolean } Doğru cevap
  • string

Açıklama: const ile tanımlanan bir nesne değişebilir olduğundan özellikleri geniş türlerle çıkarılır: tema string, ses boolean. typeof bu nesnenin türünü verir.

2 typeof ekle

Soru 
const ayarlar = { tema: "koyu", ses: true };
type AyarTip = ____ ayarlar;
Cevap 
const ayarlar = { tema: "koyu", ses: true };
type AyarTip = typeof ayarlar;

Açıklama: Bir değerden tür türetmek için typeof kullanılır. keyof türden anahtar alır; Pick ve Required farklı amaçlara hizmet eder.

3 typeof parçaları

Kavram Anlamı
typeof ayarlar ayarlar değerinin türü
type AyarTip = typeof ayarlar Değerden tür alias
const ayarlar = { tema: "koyu" } typeof'in kaynağı değer
function goster(a: AyarTip) Türetilen türü parametre

Orta seviye bölümündeki tüm dersler

1 Sınıflar

  1. Class temelleri
  2. Constructor ve alanlar
  3. Metotlar
  4. Statik üyeler
  5. Özet - Sınıflar

2 Erişim belirteçleri

  1. public
  2. private
  3. protected
  4. Parametre özellikleri
  5. Özet - Erişim belirteçleri

3 Readonly özellikler

  1. readonly alanlar
  2. Readonly parametre
  3. Readonly vs const
  4. Özet - Readonly

4 Generic'ler

  1. Generic nedir?
  2. Generic fonksiyonlar
  3. Generic sınıflar
  4. Çoklu tür parametresi
  5. Özet - Generic'ler

5 Generic kısıtları

  1. extends kısıtı
  2. keyof kısıtı
  3. Default tür parametresi
  4. Özet - Generic kısıtları

6 Utility types

  1. Partial
  2. Required ve Pick
  3. Omit ve Record
  4. Özet - Utility types

7 keyof ve typeof

  1. keyof operatörü
  2. typeof operatörü
  3. keyof ile indexing
  4. Özet - keyof ve typeof

8 Mapped types

  1. Mapped type nedir?
  2. Readonly mapped type
  3. Optional mapped type
  4. Özet - Mapped types

9 Conditional types

  1. Conditional type nedir?
  2. Distributive conditional
  3. Conditional ile mantık
  4. Özet - Conditional types

10 infer

  1. infer anahtar kelimesi
  2. Promise'ten değer çıkarma
  3. Dizi eleman türü
  4. Özet - infer

11 Decorator'lar

  1. Decorator nedir?
  2. Method decorator
  3. Property decorator
  4. Decorator fabrikaları
  5. Özet - Decorator'lar

12 Modüller

  1. export ve import
  2. Default export
  3. Re-export
  4. Type-only import
  5. Özet - Modüller

13 Namespace'ler

  1. Namespace nedir?
  2. İç içe namespace
  3. Namespace vs module
  4. Özet - Namespace'ler

14 Declaration dosyaları

  1. .d.ts nedir?
  2. Ambient module
  3. Triple-slash directive
  4. Özet - Declaration dosyaları

15 İleri sınıflar

  1. abstract sınıf
  2. implements
  3. Get ve set
  4. Özet - İleri sınıflar

16 Type assertion

  1. as anahtar kelimesi
  2. angle bracket syntax
  3. Type assertion vs casting
  4. unknown'dan cast
  5. Özet - Type assertion

17 Proje: Kütüphane paketi

  1. Paket tasarımı
  2. Türleri dışa aktarma
  3. Generic yardımcılar
  4. Bildirim dosyası
  5. Birleştirme

18 Proje: Quiz uygulaması

  1. Soru modeli
  2. Soru havuzu
  3. Cevap kontrolü
  4. Skor hesaplama
  5. Birleştirme

19 Proje: Hava durumu

  1. Hava durumu modeli
  2. API yanıtı tipi
  3. Veri dönüştürme
  4. Görüntüleme
  5. Birleştirme

20 Orta seviye finali

  1. Meydan okuma 1: Sınıflar
  2. Meydan okuma 2: Generic'ler
  3. Meydan okuma 3: Tür sistemleri
  4. Meydan okuma 4: Mini uygulama