CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Readonly properties

readonly ile değiştirilemez özellikleri öğrenirsin.

Readonly properties

Nesne özelliklerini değiştirilemez yapmak için özellik adından önce readonly yazarsın. Bir kez atandıktan sonra readonly özellik değiştirilemez.

let kisi: { readonly id: number; ad: string } = {
  id: 1,
  ad: "Ali"
};

readonly, özelliğin sonradan değiştirilmesini engeller.

Readonly özelliklerin kullanımı

Readonly özellikler, hiç değişmemesi gereken kimlik veya kod gibi değerler için uygundur. Readonly özelliğe atama yapmaya çalışmak derleme hatası verir.

let kisi: { readonly id: number } = { id: 1 };
kisi.id = 2;  // hata: readonly

Readonly, kazara değiştirmeyi derleme aşamasında engeller.

Uygulama Readonly özellikli nesne

urun adında bir değişken tanımla; türü { readonly kod: string; fiyat: number } ve değeri { kod: "A100", fiyat: 50 } olsun. urun.kod değerini console.log ile yazdır.

Başlangıç kodu

index.ts
// urun adında bir nesne tanımla
// kod özelliği readonly dize, fiyat özelliği sayı olsun
// kod değeri "A100", fiyat değeri 50 olsun
// urun.kod değerini yazdır

Örnek çözüm

index.ts
let urun: { readonly kod: string; fiyat: number } = { kod: "A100", fiyat: 50 };
console.log(urun.kod);

Beklenen çıktı

A100

Soru ve cevaplar

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

1 <code>readonly id: number</code> neyi belirtir?

  • id özelliği dize türündedir
  • id özelliği herhangi bir tür olabilir
  • id özelliği isteğe bağlıdır
  • id özelliği oluşturulduktan sonra değiştirilemez Doğru cevap

Açıklama: <code>readonly</code>, özelliğin ilk atamadan sonra değiştirilemeyeceğini belirtir; <code>id</code> oluşturulduktan sonra yeniden atanamaz.

2 Özelliği readonly yap

Soru 
let kullanici: { ____ id: number; ad: string } = { id: 1, ad: "Ali" };
Cevap 
let kullanici: { readonly id: number; ad: string } = { id: 1, ad: "Ali" };

Açıklama: Özelliğin değiştirilemez olması için <code>readonly</code> anahtar kelimesi özellik adından önce yazılır; <code>let</code>, <code>const</code> ve <code>static</code> özellik değiştirici olarak kullanılmaz.

3 Readonly property kavramları

Kavram Anlamı
readonly id: number Değiştirilemez id özelliği
id: number (readonly yok) Değiştirilebilir id özelliği
readonly (özellik önünde) Özelliği sabit yapar
Readonly property Sonradan atanamaz

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