Partial และ Required: การสลับสถานะเสริม

ยินดีต้อนรับ

Partial<T>

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

Partial ในฟังก์ชันอัปเดต

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

Required<T>

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

Required สำหรับตรวจสอบการกำหนดค่า

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

การทำงานภายในของ Partial

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

การทำงานภายในของ Required

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

Deep Partial

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

การรวม Partial กับ Required

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

Partial กับคุณสมบัติตัวเลือกในอินเทอร์เฟซ

การอนุมานประเภทด้วย Partial

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

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน