CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Değişken annotation

Değişkenlere açık tür vermeyi öğrenirsin.

Değişken annotation

TypeScript'te bir değişkene açık tür vermek için adından sonra : tür yazarsın. Bu, açık tür bildirimidir. Tür bildirimi yapmazsan, TypeScript atanan değerden türü çıkarır.

let yas: number = 25;   // açık
let isim = "Ali";       // çıkarım: string

Açık tür, kodun okunabilirliğini ve güvenliğini artırır.

Açık tür ne zaman gerekli?

TypeScript türleri otomatik çıkarabildiği için her değişkende açık tür gerekmez. Ancak ilk değer atanmadan değişken tanımlarken açık tür şarttır. Ayrıca, kodun netliği için de açık tür tercih edilebilir.

let x: number;    // tür gerekli
x = 10;

İlk değersiz tanımlamada TypeScript türü bilemez; bu yüzden açık tür vermelisin.

Uygulama Açık türlerle değişken tanımla

yas adında, türü number olan bir değişken tanımla ve değerini 25 yap. isim adında, türü string olan bir değişken tanımla ve değerini "Ali" yap. Önce yas'ı, sonra isim'i console.log ile yazdır.

Başlangıç kodu

index.ts
// yas adında bir number değişkeni tanımla, değeri 25
// isim adında bir string değişkeni tanımla, değeri "Ali"
// önce yas değerini yazdır
// sonra isim değerini yazdır

Örnek çözüm

index.ts
let yas: number = 25;
let isim: string = "Ali";
console.log(yas);
console.log(isim);

Beklenen çıktı

25
Ali

Soru ve cevaplar

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

1 <code>let x: string = "merhaba";</code> ne yapar?

  • x değerini çalışma zamanında dizeye dönüştürür
  • x'e yeniden atama yapılmasını engeller
  • x değişkenini açıkça string türünde bildirir Doğru cevap
  • x değişkenini sabit yapar

Açıklama: <code>: string</code> eklemek, değişkenin türünü açıkça bildirir; atama çalışma zamanını değiştirmez, yalnızca derleme zamanı denetimini güçlendirir.

2 Değişken türünü ekle

Soru 
let sayi: ____ = 42;
Cevap 
let sayi: number = 42;

Açıklama: Değişkene <code>42</code> atanıyor; bu yüzden doğru tür <code>number</code>'dır. <code>string</code> ve <code>boolean</code> sayı kabul etmez, <code>void</code> ise değişken türü olarak kullanılmaz.

3 Değişken annotation kavramları

Kavram Anlamı
let x: string Açık tür bildirimi
let x = "a" Tür çıkarımı
let x: number = 5 Açık tür ve değer
Değişken annotation Değişkene tür verme

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