Özet - keyof ve typeof

Operatörlerle güvenli bir ayar yöneticisi yazarsın.

Özet - keyof ve typeof

keyof bir türün anahtarlarını, typeof bir değerin türünü verir. İkisini birleştirerek: typeof ile bir nesneden tür türet, keyof ile anahtarlarını al, dizin erişimiyle güvenli değer getiren fonksiyonlar yaz. Bu, ayar yöneticisi gibi yapılar için idealdir.

const ayarlar = { tema: "koyu", dil: "tr" };
type AyarTip = typeof ayarlar;
type AyarAnahtar = keyof AyarTip;
function al(k: AyarAnahtar): AyarTip[AyarAnahtar] {
  return ayarlar[k];
}

Uygulama Ayar yöneticisi

ayarlar değişkenine { tema: "koyu", dil: "tr" } nesnesini ata. AyarTip türünü typeof ayarlar olarak tanımla. AyarAnahtar türünü keyof AyarTip olarak tanımla. al(k: AyarAnahtar): AyarTip[AyarAnahtar] fonksiyonunu yaz; gövdesi return ayarlar[k]; olsun. al("tema") sonucunu console.log ile yazdır.

Örnek çözümü göster

const ayarlar = { tema: "koyu", dil: "tr" };
type AyarTip = typeof ayarlar;
type AyarAnahtar = keyof AyarTip;
function al(k: AyarAnahtar): AyarTip[AyarAnahtar] {
  return ayarlar[k];
}
console.log(al("tema"));

Kendini test et

Bir ayar nesnesinden güvenli özellik erişimi için hangi sıra izlenir?
- dizin erişimi, keyof, typeof
- typeof ile tür türet, keyof ile anahtar al, dizin erişimiyle değer getir
- keyof ile anahtar al, typeof ile tür türet, dizin erişimi
- typeof, dizin erişimi, keyof
Cevabı göster

typeof ile tür türet, keyof ile anahtar al, dizin erişimiyle değer getir — Önce typeof ile nesneden tür türetilir, sonra keyof ile anahtarlar alınır, son olarak dizin erişimiyle güvenli değer getirilir. Bu sıra bozulursa tür düzeyinde çıkarım çalışmaz.

Dizin erişim dönüş türü

const ayarlar = { tema: "koyu", dil: "tr" };
type AyarTip = typeof ayarlar;
type AyarAnahtar = keyof AyarTip;
function al(k: AyarAnahtar): ____ {
  return ayarlar[k];
}

Cevabı göster

const ayarlar = { tema: "koyu", dil: "tr" };
type AyarTip = typeof ayarlar;
type AyarAnahtar = keyof AyarTip;
function al(k: AyarAnahtar): AyarTip[AyarAnahtar] {
  return ayarlar[k];
}

Operatörleri eşleştir

typeof ayarlar

Değerden tür türetir
keyof AyarTip

Türün anahtarlarını verir
AyarTip[AyarAnahtar]

Anahtarın değer türü
al("tema")

Güvenli değer getirme

Sıradaki ders: Mapped type nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler