CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

unknown türü

unknown ile güvenli tür denetimini öğrenirsin.

unknown türü

unknown türü, any gibi her değeri kabul eder ama kullanmadan önce türünü kontrol etmeni şart koşar. Bu, tür güvenliğini koruyarak esneklik sağlar. Tür kontrolü yapmadan unknown değerine erişemezsin.

let x: unknown = "merhaba";
if (typeof x === "string") {
  console.log(x.toUpperCase());  // "MERHABA"
}

unknown, güvenli alternatif olarak any'nin yerine kullanılır.

Tür koruyucu (type guard)

Bir unknown değerini kullanmak için, tür koruyucu ile türünü daraltırsın. En yaygın tür koruyucu, typeof operatörüdür. Tür daraltıldıktan sonra, o türe özgü işlemleri güvenle yapabilirsin.

let deger: unknown = 42;
if (typeof deger === "number") {
  console.log(deger * 2);  // 84
}

Tür koruyucu, unknown'u belirli bir türe dönüştürür ve güvenli erişim sağlar.

Uygulama unknown ile tür koruyucu

girdi adında, türü unknown olan bir değişken tanımla ve değerini "merhaba" yap. typeof ile dize olup olmadığını kontrol et; dize ise toUpperCase ile büyük harfe çevirip console.log ile yazdır.

Başlangıç kodu

index.ts
// girdi adında bir unknown değişkeni tanımla
// değeri "merhaba" olsun
// typeof ile string kontrolü yap
// string ise büyük harfe çevirip yazdır

Örnek çözüm

index.ts
let girdi: unknown = "merhaba";
if (typeof girdi === "string") {
    console.log(girdi.toUpperCase());
}

Beklenen çıktı

MERHABA

Soru ve cevaplar

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

1 <code>unknown</code> ile <code>any</code> arasındaki temel fark nedir?

  • unknown, any'den daha hızlı çalışır
  • unknown, hiçbir değer atamasına izin vermez
  • unknown, kullanmadan önce tür kontrolü gerektirir Doğru cevap
  • unknown ile any arasında fark yoktur

Açıklama: <code>unknown</code> her değeri kabul eder ama kullanmadan önce tür kontrolü (type guard) şarttır; <code>any</code>'de kontrol yoktur ve bu yüzden güvensizdir.

2 Tür koruyucu ekle

Soru 
let deger: unknown = "merhaba";
if (typeof deger === ____) { console.log(deger.toUpperCase()); }
Cevap 
let deger: unknown = "merhaba";
if (typeof deger === "string") { console.log(deger.toUpperCase()); }

Açıklama: Değişkenin değeri dize olduğundan, <code>toUpperCase</code> metodunu kullanabilmek için <code>typeof</code> kontrolü <code>"string"</code> ile yapılmalıdır.

3 unknown kavramları

Kavram Anlamı
unknown Kullanım öncesi tür kontrolü şart
typeof x === "string" Tür koruyucu
unknown vs any unknown daha güvenli
Tür koruyucu Türü daraltma işlemi

Başlangıç bölümündeki tüm dersler

1 TypeScript nedir? Kurulum

  1. TypeScript nedir?
  2. Neden TypeScript?
  3. tsc derleyicisi
  4. tsconfig temelleri
  5. Özet - TypeScript temelleri

2 Temel türler

  1. string türü
  2. number türü
  3. boolean türü
  4. let ve const
  5. Özet - Temel türler

3 Diziler

  1. Array türü
  2. Array metotları
  3. readonly diziler
  4. Çok boyutlu diziler
  5. Özet - Diziler

4 Tuple

  1. Tuple nedir?
  2. Tuple kullanımı
  3. readonly tuple
  4. Özet - Tuple

5 Enum

  1. Numeric enum
  2. String enum
  3. const enum
  4. Enum üyeleri
  5. Özet - Enum

6 any, unknown, never

  1. any türü
  2. unknown türü
  3. never türü
  4. void türü
  5. Özet - Özel türler

7 Type annotation

  1. Değişken annotation
  2. Parametre annotation
  3. Return type annotation
  4. Özet - Type annotation

8 Type inference

  1. Temel inference
  2. const ile inference
  3. Best common type
  4. Özet - Type inference

9 Objeler

  1. Object türü
  2. Optional properties
  3. Readonly properties
  4. Özet - Objeler

10 Fonksiyonlar

  1. Function declaration
  2. Optional ve default params
  3. Rest params
  4. Function overloads
  5. Özet - Fonksiyonlar

11 Arrow fonksiyonlar

  1. Arrow syntax
  2. Arrow ile this
  3. Arrow type
  4. Özet - Arrow fonksiyonlar

12 Interface'ler

  1. Interface nedir?
  2. Property types
  3. Interface vs type alias
  4. Özet - Interface'ler

13 Type alias

  1. Type alias nedir?
  2. Alias ile composition
  3. Alias vs interface
  4. Özet - Type alias

14 Union ve intersection

  1. Union types
  2. Intersection types
  3. Literal types
  4. Özet - Union & intersection

15 null ve undefined

  1. null ve undefined farkı
  2. Optional chaining
  3. Nullish coalescing
  4. Özet - null & undefined

16 Strict mode

  1. strict: true
  2. strictNullChecks
  3. strictFunctionTypes
  4. Özet - Strict mode

17 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. İndirim uygulama
  5. Birleştirme

18 Proje: Todo CLI

  1. Görev modeli
  2. Ekleme ve listeleme
  3. Tamamlama
  4. Filtreleme
  5. Birleştirme

19 Proje: Kütüphane

  1. Kitap modeli
  2. Ekleme ve arama
  3. Ödünç alma
  4. İade etme
  5. Birleştirme

20 Başlangıç finali

  1. Meydan okuma 1: Türler
  2. Meydan okuma 2: Fonksiyonlar
  3. Meydan okuma 3: Birleşim
  4. Meydan okuma 4: Mini uygulama