Özet - Mapped types

Mapped types'larla kendi utility tipini yazarsın.

Özet - Mapped types

Mapped types, bir türün özellikleri üzerinde dönüp her birini dönüştüren tür yapılardır. [K in keyof T]: T[K] ile özellikleri kopyalar; readonly ile değiştirilemez; ? ile isteğe bağlı yaparsın. Bu üçünü birleştirerek kendi utility type'larını yazabilirsin.

type Guvenli<T> = {
  readonly [K in keyof T]?: T[K];
};

Uygulama Kendi utility tipin

Guvenli<T> mapped type'ını { readonly [K in keyof T]?: T[K] } olarak yaz. Ayar arayüzünü tema: string ve ses: number ile tanımla. GuvenliAyar türünü Guvenli<Ayar> olarak tanımla. a değişkenine { tema: "koyu" } nesnesini (tür GuvenliAyar) ata. a.tema'yı console.log ile yazdır.

Örnek çözümü göster

type Guvenli<T> = {
  readonly [K in keyof T]?: T[K];
};
interface Ayar {
  tema: string;
  ses: number;
}
type GuvenliAyar = Guvenli<Ayar>;
const a: GuvenliAyar = { tema: "koyu" };
console.log(a.tema);

Kendini test et

Bir mapped type'ta hem değişmezlik hem isteğe_optionallık istiyorsun. Hangi yazım doğru?
- { [K in keyof T]: T[K]? readonly }
- { [readonly K in keyof T]?: T[K] }
- { [K in keyof T]: readonly T[K] }
- { readonly [K in keyof T]?: T[K] }
Cevabı göster

{ readonly [K in keyof T]?: T[K] } — readonly köşeli parantezden önce, ? ise hemen sonra yazılır. Böylece her özellik hem değiştirilemez hem isteğe bağlı olur. Diğer yazımlar sözdizimi hatası verir.

Birleşik mapped type gövdesi

type Guvenli<T> = {
  ____ [K in keyof T]?: T[K];
};

Cevabı göster

type Guvenli<T> = {
  readonly [K in keyof T]?: T[K];
};

Mapped type dönüştürmelerini eşleştir

[K in keyof T]: T[K]

Tüm özellikleri aynen kopyalar
readonly [K in keyof T]: T[K]

Tüm özellikleri değiştirilemez yapar
[K in keyof T]?: T[K]

Tüm özellikleri isteğe bağlı yapar
readonly [K in keyof T]?: T[K]

Hem değiştirilemez hem isteğe bağlı

Sıradaki ders: Conditional type nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler