Generics คืออะไรและเหตุใดจึงมีประโยชน์?

Question

Accepted Answer

**Generics** ช่วยให้คุณสามารถเขียนโค้ดที่นำกลับมาใช้ใหม่ได้โดยใช้พารามิเตอร์ตามประเภท — "ตัวแปรประเภท" ที่กรอกเมื่อมีการใช้โค้ด พวกมันให้ความสามารถในการใช้ซ้ำ **โดยไม่สูญเสียความปลอดภัยของประเภท** (ทางเลือก `any` จะสูญเสียไป) ```ts // Without generics you'd choose between repetition or `any`: function firstAny(arr: any[]): any { return arr[0]; } // loses the element type // With a generic, the type flows through: function first(arr: T[]): T { return arr[0]; } const n = first([1, 2, 3]); // T inferred as number → n: number const s = first(["a", "b"]); // T inferred as string → s: string ``` `T` เป็นตัวยึดตำแหน่ง TypeScript **อนุมาน** จากอาร์กิวเมนต์ ดังนั้นประเภทที่ส่งคืนจึงแม่นยำ — `first([1,2])` ให้ `number` ไม่ใช่ `any` ## Generic types และ classes ```ts interface ApiResponse { data: T; status: number; } const res: ApiResponse = await getUser(); // res.data is User class Box { constructor(private value: T) {} get(): T { return this.value; } } const box = new Box(123); // Box ``` ## พารามิเตอร์ประเภทหลายตัว ```ts function pair(k: K, v: V): [K, V] { return [k, v]; } pair("id", 42); // [string, number] ``` ## เหตุใดจึงสำคัญ Generics ขับเคลื่อนการสรุป (abstraction) ที่นำกลับมาใช้ใหม่ได้เกือบทุกตัวใน TypeScript: `Array`, `Promise`, `Map`, `useState` ของ React ยูทิลิตี้สำหรับดึงข้อมูล และคอลเล็กชัน พวกมันช่วยให้การนำไปใช้งานหนึ่งครั้งทำงานได้สำหรับหลายประเภท พร้อมกับรักษาข้อมูลประเภทเต็มจากต้นทางถึงปลายทาง — ความสัมพันธ์ระหว่างประเภทอินพุตและเอาต์พุตจะถูกเก็บไว้ ไม่ลบออก