DeepPartial และ DeepReadonly

เหตุใดจึงต้องใช้ชนิดยูทิลิตีแบบลึก

interface Config {
  db: { host: string; port: number };
  app: { name: string };
}
type Shallow = Partial<Config>;
// Shallow.db is still required — only top level is optional

การสร้าง DeepPartial

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

DeepPartial ในการใช้งาน

type PartialConfig = DeepPartial<Config>;
// PartialConfig.db?: { host?: string; port?: number }

const c: PartialConfig = { db: { host: "localhost" } };
// No error — all other fields are optional

การสร้าง DeepReadonly

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

DeepReadonly ในการใช้งาน

type ReadonlyConfig = DeepReadonly<Config>;
const cfg: ReadonlyConfig = { db: { host: "localhost", port: 5432 }, app: { name: "my-app" } };
// cfg.db.port = 3000; // Error: readonly

การจัดการอาร์เรย์ในชนิดแบบลึก

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

การจัดการชนิดพื้นฐาน

type DeepReadonly<T> =
  T extends string | number | boolean | null | undefined ? T
  : T extends (infer U)[] ? ReadonlyArray<DeepReadonly<U>>
  : { readonly [K in keyof T]: DeepReadonly<T[K]> };

การผสาน DeepPartial และ DeepReadonly

type SafePatch<T> = DeepReadonly<DeepPartial<T>>;

ข้อควรพิจารณาด้านประสิทธิภาพ

// For very deep schemas, consider using Zod or io-ts
// which provide runtime + compile-time deep typing

การใช้งานจริง: แพตช์สถานะ React

function patch<T>(state: T, changes: DeepPartial<T>): T {
  return { ...state, ...changes } as T;
}

ทบทวน: ชนิดยูทิลิตีแบบลึก

ตรวจสอบความเข้าใจ

สิ่งที่ได้เรียนรู้