บทนำเกี่ยวกับการสร้างประเภทแบบไดนามิก

การสร้างประเภทแบบไดนามิกใน TypeScript ช่วยให้คุณกำหนดประเภทที่ปรับเปลี่ยนตามประเภทหรือข้อมูลอื่นได้ ทำให้โค้ดมีความยืดหยุ่นและนำกลับมาใช้ใหม่ได้มากขึ้น

การทำเช่นนี้อาศัยคุณลักษณะต่าง ๆ เช่น ประเภทแบบมีเงื่อนไข ประเภทแบบแมป และประเภทการเข้าถึงด้วยดัชนี

การสร้างประเภทแบบไดนามิกคืออะไร

การสร้างประเภทแบบไดนามิกคือการสร้างประเภทใหม่ด้วยการแปลงหรือปรับเปลี่ยนประเภทที่มีอยู่ โดยมักใช้เครื่องมือช่วยจัดการประเภทขั้นสูงของ TypeScript

การใช้ประเภทแบบมีเงื่อนไข

ประเภทแบบมีเงื่อนไขใช้ extends เพื่อประเมินประเภทตามเงื่อนไข:

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

ประเภทแบบแมปสำหรับการสร้างประเภทแบบไดนามิก

ประเภทแบบแมปจะวนซ้ำผ่านคีย์ของประเภทเพื่อสร้างประเภทใหม่แบบไดนามิก:

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

type User = {
  name: string;
  age: number;
};

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

การใช้ประเภทการเข้าถึงด้วยดัชนี

ประเภทการเข้าถึงด้วยดัชนีใช้ดึงประเภทของคุณสมบัติจากอีกประเภทหนึ่ง:

type User = {
  name: string;
  age: number;
};

type UserName = User['name']; // string

การผสานเทคนิค

คุณสามารถผสานประเภทแบบมีเงื่อนไข ประเภทแบบแมป และประเภทการเข้าถึงด้วยดัชนี เพื่อสร้างประเภทแบบไดนามิกที่ซับซ้อนยิ่งขึ้น:

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

type User = {
  name: string;
  age: number;
};

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

กรณีการใช้งานจริง

การสร้างประเภทแบบไดนามิกมีประโยชน์สำหรับ:

• การปรับส่วนติดต่อการเขียนโปรแกรมแบบไดนามิกตามข้อมูลนำเข้าของผู้ใช้
• การสร้างประเภทเครื่องมือช่วยที่นำกลับมาใช้ใหม่ได้และปลอดภัยด้านประเภทข้อมูล
• การกำหนดประเภทสำหรับการแปลงข้อมูล

ภารกิจฝึกปฏิบัติ

สร้างประเภทแบบไดนามิกที่กำหนดให้คุณสมบัติทั้งหมดของประเภท Product เป็นคุณสมบัติเลือกได้ หากคุณสมบัติเหล่านั้นเป็นประเภท string ทดสอบประเภทนี้ด้วยข้อมูลตัวอย่าง

ขอแสดงความยินดี!

คุณได้เรียนรู้วิธีสร้างประเภทแบบไดนามิกใน TypeScript โดยใช้ประเภทแบบมีเงื่อนไข ประเภทแบบแมป และประเภทการเข้าถึงด้วยดัชนีแล้ว โปรดฝึกใช้เทคนิคเหล่านี้เพื่อใช้ศักยภาพของระบบประเภทข้อมูลใน TypeScript ได้อย่างเต็มที่!