CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

const ile inference

const ile literal tür çıkarımını öğrenirsin.

const ile inference

const ile tanımlanan değişkenlerde TypeScript literal tür çıkarımı yapar; yani tam değeri tür olarak kabul eder. const x = 5 ifadesinde x'in türü number değil, 5 literal türüdür. Çünkü const değişkenler yeniden atanamaz.

const x = 5;          // tür: 5
const y = "merhaba";   // tür: "merhaba"

const, değerin hiç değişmeyeceği için literal tür kullanır.

let ve const çıkarım farkı

let ile TypeScript türü genelleştirir: let x = 5 türü number olur. const ile ise literal tür korunur: const x = 5 türü 5 olur. Bu fark, let değişkenlerinin aynı türde başka değer alabilmesinden, const'un ise hiç değişmemesinden kaynaklanır.

let a = 5;      // tür: number
const b = 5;    // tür: 5

let geniş tür, const dar literal tür verir.

Uygulama const ve let ile çarpım

carpan adında bir const tanımla ve değerini 3 yap. deger adında bir let tanımla ve değerini 7 yap. carpan * deger sonucunu console.log ile yazdır.

Başlangıç kodu

index.ts
// carpan adında bir const tanımla, değeri 3
// deger adında bir let tanımla, değeri 7
// carpan * deger sonucunu yazdır

Örnek çözüm

index.ts
const carpan = 3;
let deger = 7;
console.log(carpan * deger);

Beklenen çıktı

21

Soru ve cevaplar

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

1 <code>const renk = "kırmızı";</code> ifadesinde <code>renk</code>'in çıkarılan türü nedir?

  • string (genel tür)
  • const (anahtar kelime)
  • "kırmızı" (literal tür) Doğru cevap
  • renk (değişken adı)

Açıklama: <code>const</code> değişmez olduğundan TypeScript tam değeri literal tür olarak çıkarır; <code>renk</code>'in türü <code>"kırmızı"</code>'dır, genel <code>string</code> değil.

2 const literal türünü bul

Soru 
const kod = 200;
// kod'un türü: ____
Cevap 
const kod = 200;
// kod'un türü: 200

Açıklama: <code>const</code> ile tanımlandığında TypeScript tam değeri literal tür yapar; <code>kod</code>'un değeri <code>200</code> olduğundan türü <code>200</code>'dür, genel <code>number</code> değildir.

3 const inference kavramları

Kavram Anlamı
const x = "a" Literal tür çıkarımı
let x = "a" Genel tür çıkarımı
const x = 5 Tür: 5 (literal)
const inference Tam değer tür üretir

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