Yardımcı Program Türleri

TypeScript, yaygın tür dönüşümlerini kolaylaştırmak için çeşitli genel yardımcı program türleri sağlar. Bu türler geneldir ve mevcut türlerden bildirimsel olarak yeni türler oluşturmanıza olanak tanır.

En sık kullanılan dört yardımcı program türü şunlardır:

1. Partial<T>

Bir türün tüm özelliklerini T isteğe bağlı yapar. Bu, arayanın yalnızca alanların bir alt kümesini sağlayabileceği güncelleme/yama işlevleri için son derece kullanışlıdır:

interface User {
  id: number;
  name: string;
  email: string;
}

// All properties of User become optional: { id?: number; name?: string; email?: string; }
type UserUpdate = Partial<User>;

2. Readonly<T>

Bir türün tüm özelliklerini T salt okunur yapar. Bir özelliği yeniden atamaya yönelik herhangi bir girişim, derleme zamanı derleyici hatasını tetikler:

interface Point {
  x: number;
  y: number;
}

const p: Readonly<Point> = { x: 10, y: 20 };
// p.x = 5; // Error: cannot assign to 'x' because it is a read-only property

3. Pick<T, Keys>

T türünden yalnızca belirli bir anahtar kümesini (bir dize birleşimiyle temsil edilir) seçerek bir tür oluşturur:

interface Article {
  id: number;
  title: string;
  content: string;
  views: number;
}

// Selects only 'title' and 'views': { title: string; views: number; }
type ArticlePreview = Pick<Article, 'title' | 'views'>;

4. Omit<T, Keys>

T türünden belirli bir anahtar kümesini kaldırarak bir tür oluşturur. Pick'in ikilisidir:

interface Product {
  id: number;
  name: string;
  price: number;
  secretVendorCode: string;
}

// Removes 'secretVendorCode': { id: number; name: string; price: number; }
type PublicProduct = Omit<Product, 'secretVendorCode'>;

5. Record<Keys, Type>

Özellik anahtarları Keys ve özellik değerleri Type olan bir nesne türü oluşturur. Anahtarları değerlerle eşlemek, sözlükleri veya karma tabloları (anahtar-değer haritaları) temsil etmek için son derece kullanışlıdır:

type Page = 'home' | 'about' | 'contact';

interface PageInfo {
  title: string;
}

// Creates a dictionary with keys 'home' | 'about' | 'contact' and values PageInfo
const nav: Record<Page, PageInfo> = {
  home: { title: 'Home Page' },
  about: { title: 'About Us' },
  contact: { title: 'Contact Us' },
};

Kendin dene

Alıştırma 1: Kısmi ile Profil Güncellemesi

Alıştırma 2: Omit ile Hassas Alanları Kaldırma

Alıştırma 3: Seçim ve Salt Okunur ile Genel Yapılandırma

Alıştırma 4: Kayıtlı ve Salt Okunur Kullanıcı Kaydı