CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

strictNullChecks

null güvenliğini zorlayan seçeneği öğrenirsin.

strictNullChecks nedir?

strictNullChecks açıkken null ve undefined diğer türlerden ayrı olur. Bir string değişkenine null atayamazsın; null alabilmesi için string | null yazman gerekir. Bu, çalışma anı null okuma hatalarını önler.

let t: string | null = null;
if (t !== null) {
  console.log(t.length);  // güvenli erişim
}

strictNullChecks kapalıyken

strictNullChecks kapalıyken null ve undefined herhangi bir türe atanabilir. Bu esneklik tehlikelidir; çünkü bir değişkenin null olup olmadığını kontrol etmeden özelliğine erişirsen uygulama çökebilir.

let s: string = null;  // kapalıyken geçerli
console.log(s.length);  // çalışma anı hatası

Açıkken bu satır derleme anında hata verir ve hatayı önceden görürsün.

Uygulama Null güvenli ilk eleman

firstOrNull(arr: string[]): string | null fonksiyonunu yaz. Dizi boşsa null döndür; değilse ilk elemanı döndür. İki çağrının sonucunu da yazdır.

Başlangıç kodu

index.ts
// firstOrNull(arr: string[]): string | null döndürür
// dizi boş ise null döndür
// değilse ilk elemanı döndür
// iki çağrıyı da yazdır

Örnek çözüm

index.ts
function firstOrNull(arr: string[]): string | null {
  if (arr.length === 0) {
    return null;
  }
  return arr[0];
}

console.log(firstOrNull(["a", "b"]));
console.log(firstOrNull([]));

Beklenen çıktı

a
null

Soru ve cevaplar

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

1 strictNullChecks açıkken hangi atama geçerlidir?

  • let s: string = null;
  • let s: string; s = null;
  • let s: string = undefined;
  • let s: string | null = null; Doğru cevap

Açıklama: strictNullChecks açıkken string bir değişkene null veya undefined atayamazsın. Açıkça string | null yazarsan null ataması geçerli olur.

2 Null alabilen return türü

Soru 
function getName(): string ____ { return null; }
Cevap 
function getName(): string | null { return null; }

Açıklama: strictNullChecks açıkken string return türüne null atanamaz. string | null yazarsan fonksiyon null döndürebilir.

3 strictNullChecks parçaları

Kavram Anlamı
strictNullChecks null ve undefined'i ayrı tür yapar
string | null null alabilen string
string strict altında null alamaz
t !== null Tür daraltma (narrowing)

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