Readonly parametre

Kurucu parametresinde readonly kullanmayı öğrenirsin.

readonly parametre

readonly bir constructor parametresine de yazılabilir; bu bir parametre özelliğidir (parameter property). Alan otomatik oluşturulur, readonly olur ve parametre değeri atanır. Gövdeye this.x = x yazmana gerek kalmaz.

class Point {
  constructor(readonly x: number, readonly y: number) {}
}
const p = new Point(3, 4);
console.log(p.x);

Uzun yazım karşılığı

Parametre özelliği kullanmadığında, aynı sonucu uzun yazım ile elde edersin: alanı readonly ile bildirir, constructor gövdesinde this ile atarsın. İki yazım da aynı değiştirilemezliği sağlar.

class Point {
  readonly x: number;
  readonly y: number;
  constructor(x: number, y: number) {
    this.x = x;
    this.y = y;
  }
}

Uygulama readonly alanlı Point sınıfı

Point sınıfını tanımla: readonly x: number ve readonly y: number alanları ile. constructor ile x ve y parametrelerini al ve this ile ata. Yeni bir Point(3, 4) oluştur ve x alanını yazdır.

Örnek çözümü göster

class Point {
  readonly x: number;
  readonly y: number;
  constructor(x: number, y: number) {
    this.x = x;
    this.y = y;
  }
}

const p = new Point(3, 4);
console.log(p.x);

Kendini test et

constructor(readonly apiKey: string) yazdığında ne olur?
- Yalnızca parametre readonly olur
- Sınıf hatası verir
- apiKey static olur
- apiKey alanı otomatik oluşturulur ve readonly olur
Cevabı göster

apiKey alanı otomatik oluşturulur ve readonly olur — readonly parametre özelliği, alanı otomatik tanımlar ve readonly yapar. Constructor dışında değiştirilemez; this.apiKey = apiKey yazmana gerek kalmaz.

readonly alanı tamamla

class Point {
  ____ x: number;
  constructor(x: number) {
    this.x = x;
  }
}

Cevabı göster

class Point {
  readonly x: number;
  constructor(x: number) {
    this.x = x;
  }
}

Readonly parametre parçaları

constructor(readonly x: number)

Kısa yazım (parametre özelliği)
readonly x: number

Uzun yazım (alan bildirimi)
this.x = x

Constructor ataması
p.x

Dışarıdan okuma

Sıradaki ders: Readonly vs const

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler