TypeScript Generics เข้าใจง่ายกว่าที่คิด

TypeScript Generics เป็นฟีเจอร์ที่หลายคนหลีกเลี่ยงเพราะดูซับซ้อน แต่จริงๆ แล้วมันแค่ช่วยให้เราเขียน function หรือ type ที่รองรับได้หลายชนิดข้อมูลโดยยังคง type-safety ไว้ ตัวอย่างง่ายที่สุดคือ function ที่รับ array และ return ตัวแรก แบบไม่ใช้ Generic ก็ต้องเขียนแยกสำหรับ string[], number[] ไปเรื่อยๆ แต่พอใช้ Generic แค่ function first(arr: T[]): T ก็ครอบคลุมได้ทุกชนิด Constraint ด้วย extends ทำให้เราจำกัดได้ว่า T ต้องมี property อะไรบ้าง เช่น ทำให้ใช้ item.id ได้อย่างปลอดภัยโดยไม่เกิด type error Generic ใน React มีประโยชน์มากสำหรับ reusable component เช่น > ที่รับ options และ onChange ที่ type-safe ตาม T ที่ส่งเข้ามา ทำให้ไม่ต้องใช้ any และยังได้ autocomplete เต็มๆ เมื่อเข้าใจพื้นฐานแล้ว ลองดู Utility Types ที่ TypeScript มีให้อยู่แล้วอย่าง Partial, Pick, Omit ซึ่งทั้งหมดนั้น implement ด้วย Generics เช่นกัน การอ่าน source ของมันเป็นการฝึกที่ดีที่สุด