CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

keyof operatörü

keyof ile bir türün anahtarlarını öğrenirsin.

keyof operatörü

keyof operatörü, bir türün tüm özellik adlarını birleşim türü olarak verir. keyof Ayar yazdığında, Ayar'ın her özellik adı bir string literal türü olarak birleşir. Sonuç bir türdür, bir değer değil; bu yüzden yalnızca tür konumlarında kullanılır.

interface Ayar {
  tema: string;
  dil: string;
}
type Anahtar = keyof Ayar;
// "tema" | "dil"

keyof ile tür tanımı

keyof ile üretilen birleşim, bir type alias olarak saklanabilir ve parametre türü olarak kullanılabilir. Böylece fonksiyon yalnızca geçerli özellik adlarını kabul eder; yanlış bir ad derleme hatasıdır. Bu, ayar veya konfigürasyon anahtarlarını kabul eden fonksiyonlarda işe yarar.

Uygulama Anahtar türüyle yazdır

Ayar arayüzünü tema: string ve dil: string özellikleriyle tanımla. Anahtarlar türünü keyof Ayar olarak tanımla. yaz(a: Anahtarlar): void fonksiyonu yazsın ve console.log(a) ile anahtarı yazdırsın. yaz("tema") çağrısı yap.

Başlangıç kodu

index.ts
// Ayar arayüzünü tema ve dil özellikleriyle tanımla
// Anahtarlar türünü Ayar'ın özellik adları olarak tanımla
// yaz fonksiyonu Anahtarlar parametre alsın
// gövdede console.log ile parametreyi yazdır
// tema anahtarıyla çağır

Örnek çözüm

index.ts
interface Ayar {
  tema: string;
  dil: string;
}
type Anahtarlar = keyof Ayar;
function yaz(a: Anahtarlar): void {
  console.log(a);
}
yaz("tema");

Beklenen çıktı

tema

Soru ve cevaplar

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

1 Aşağıdaki bildiride Anahtarlar türü ne olur?

index.ts
interface Ayar { tema: string; dil: string; }
type Anahtarlar = keyof Ayar;
  • string | number
  • { tema: string; dil: string }
  • string
  • "tema" | "dil" birleşimi Doğru cevap

Açıklama: keyof, özellik adlarını literal tür birleşimi olarak verir. Ayar'ın özellikleri tema ve dil olduğundan sonuç "tema" | "dil" olur. Değer türlerini veya nesnenin kendisini vermez.

2 keyof ekle

Soru 
interface Ayar { tema: string; dil: string; }
type Anahtar = ____ Ayar;
Cevap 
interface Ayar { tema: string; dil: string; }
type Anahtar = keyof Ayar;

Açıklama: Bir türün özellik adlarını almak için keyof kullanılır. typeof değerden tür türetir; Pick ve Partial farklı amaçlara hizmet eder.

3 keyof parçaları

Kavram Anlamı
keyof Ayar Ayar'ın özellik adları birleşimi
type Anahtarlar = keyof Ayar Anahtar adlarından tür tanımı
function yaz(a: Anahtarlar) Anahtar türü parametre
yaz("tema") Geçerli anahtarla çağrı

Orta seviye bölümündeki tüm dersler

1 Sınıflar

  1. Class temelleri
  2. Constructor ve alanlar
  3. Metotlar
  4. Statik üyeler
  5. Özet - Sınıflar

2 Erişim belirteçleri

  1. public
  2. private
  3. protected
  4. Parametre özellikleri
  5. Özet - Erişim belirteçleri

3 Readonly özellikler

  1. readonly alanlar
  2. Readonly parametre
  3. Readonly vs const
  4. Özet - Readonly

4 Generic'ler

  1. Generic nedir?
  2. Generic fonksiyonlar
  3. Generic sınıflar
  4. Çoklu tür parametresi
  5. Özet - Generic'ler

5 Generic kısıtları

  1. extends kısıtı
  2. keyof kısıtı
  3. Default tür parametresi
  4. Özet - Generic kısıtları

6 Utility types

  1. Partial
  2. Required ve Pick
  3. Omit ve Record
  4. Özet - Utility types

7 keyof ve typeof

  1. keyof operatörü
  2. typeof operatörü
  3. keyof ile indexing
  4. Özet - keyof ve typeof

8 Mapped types

  1. Mapped type nedir?
  2. Readonly mapped type
  3. Optional mapped type
  4. Özet - Mapped types

9 Conditional types

  1. Conditional type nedir?
  2. Distributive conditional
  3. Conditional ile mantık
  4. Özet - Conditional types

10 infer

  1. infer anahtar kelimesi
  2. Promise'ten değer çıkarma
  3. Dizi eleman türü
  4. Özet - infer

11 Decorator'lar

  1. Decorator nedir?
  2. Method decorator
  3. Property decorator
  4. Decorator fabrikaları
  5. Özet - Decorator'lar

12 Modüller

  1. export ve import
  2. Default export
  3. Re-export
  4. Type-only import
  5. Özet - Modüller

13 Namespace'ler

  1. Namespace nedir?
  2. İç içe namespace
  3. Namespace vs module
  4. Özet - Namespace'ler

14 Declaration dosyaları

  1. .d.ts nedir?
  2. Ambient module
  3. Triple-slash directive
  4. Özet - Declaration dosyaları

15 İleri sınıflar

  1. abstract sınıf
  2. implements
  3. Get ve set
  4. Özet - İleri sınıflar

16 Type assertion

  1. as anahtar kelimesi
  2. angle bracket syntax
  3. Type assertion vs casting
  4. unknown'dan cast
  5. Özet - Type assertion

17 Proje: Kütüphane paketi

  1. Paket tasarımı
  2. Türleri dışa aktarma
  3. Generic yardımcılar
  4. Bildirim dosyası
  5. Birleştirme

18 Proje: Quiz uygulaması

  1. Soru modeli
  2. Soru havuzu
  3. Cevap kontrolü
  4. Skor hesaplama
  5. Birleştirme

19 Proje: Hava durumu

  1. Hava durumu modeli
  2. API yanıtı tipi
  3. Veri dönüştürme
  4. Görüntüleme
  5. Birleştirme

20 Orta seviye finali

  1. Meydan okuma 1: Sınıflar
  2. Meydan okuma 2: Generic'ler
  3. Meydan okuma 3: Tür sistemleri
  4. Meydan okuma 4: Mini uygulama