Partial ve Required: İsteğe Bağlılığı Değiştirme

Hoş Geldiniz

Kısmi<T>

interface User { id: number; name: string; email: string; }
type PartialUser = Partial<User>;
// { id?: number; name?: string; email?: string; }

Güncelleme İşlevlerinde Kısmi

function updateUser(id: number, changes: Partial<User>): User {
  const existing = findUser(id)!;
  return { ...existing, ...changes };
}

Zorunlu<T>

type RequiredUser = Required<User>;
// All properties are now required — including those that were optional

Yapılandırma Doğrulamada Zorunlu

interface Config { host?: string; port?: number; }
const defaults: Required<Config> = { host: 'localhost', port: 3000 };
function createConfig(opts: Config): Required<Config> {
  return { ...defaults, ...opts };
}

Kısmi Nasıl Uygulanır

type Partial<T> = { [K in keyof T]?: T[K] };
// Equivalent to: { [K in keyof T]+?: T[K] }

Zorunlu Nasıl Uygulanır

type Required<T> = { [K in keyof T]-?: T[K] };

Derin Kısmi

type DeepPartial<T> = {
  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K]
};

Kısmi ve Zorunluyu Birleştirme

// id required, everything else optional
type UpsertUser = Required<Pick<User, 'id'>> & Partial<Omit<User, 'id'>>;

Arayüzde Kısmi ile İsteğe Bağlı Özellikler Arasındaki Fark

Kısmi ile Tür Çıkarımı

function show(u: Partial<User>) {
  if (u.name !== undefined) {
    console.log(u.name.toUpperCase()); // safe
  }
}

Hızlı Kontrol

Özet