PlusMagi's Blog By Pitt Phunsanit Frontend TypeScript Intersection Types คืออะไร? คู่มือเข้าใจการรวมชนิดข้อมูลขั้นสูงใน TypeScript

TypeScript Intersection Types คืออะไร? คู่มือเข้าใจการรวมชนิดข้อมูลขั้นสูงใน TypeScript

ในโลกของการพัฒนาซอฟต์แวร์สมัยใหม่ ความสามารถในการกำหนดชนิดข้อมูลที่แม่นยำและครอบคลุมเป็นหัวใจสำคัญของความน่าเชื่อถือทางโค้ด TypeScript ได้มอบเครื่องมือทรงพลังมากมายเพื่อช่วยให้นักพัฒนามั่นใจได้ว่าโครงสร้างข้อมูลของเราจะเป็นไปตามสัญญาที่เราตั้งไว้ แต่เมื่อเราต้องทำงานกับอ็อบเจกต์ที่มีคุณสมบัติมาจากแหล่งกำเนิดหลายแห่ง หรือต้องการรวมข้อจำกัด (Constraints) ของ Type หลายๆ ชนิดเข้าด้วยกัน การใช้เพียงแค่ Interface ทั่วไปอาจไม่พอ

TypeScript Intersection Types คืออะไร?”

Intersection Types, ซึ่งถูกแทนด้วยสัญลักษณ์ `&` ในไวยากรณ์ของ TypeScript ไม่ใช่การส่งต่อค่าใด ๆ แต่มันคือกลไกระดับสูงสำหรับการ *ผสานรูปร่าง* ของประเภทข้อมูลต่าง ๆ เข้าด้วยกัน ลองจินตนาการถึงสถานการณ์ที่คุณกำลังจัดการ Object ที่จะต้องมีทั้ง property ‘id’ จากฐานข้อมูล และ property ‘username’ จากระบบ Authentication พร้อมกับการรับประกันเพิ่มเติมว่าเป็น String เท่านั้น Intersecting types จะทำการบังคับให้ตัวอย่าง object ใด ๆ ที่ประกาศโดยใช้ & ต้องมีทุก Property และปฏิบัติตามชนิดข้อมูลที่ระบุใน Input ทั้งหมดเหล่านั้นพร้อมกัน เป็นเหมือนการกำหนด

Exit mobile version