บทนำเกี่ยวกับประเภทแบบอินเตอร์เซกชันและประเภทแบบยูเนียน

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

ประเภทแบบยูเนียนคืออะไร

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

ตัวอย่างประเภทแบบยูเนียน

ต่อไปนี้เป็นตัวอย่างการใช้ประเภทแบบยูเนียน:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

ประเภทแบบอินเตอร์เซกชันคืออะไร

ประเภทแบบอินเตอร์เซกชันจะรวมหลายประเภทเข้าด้วยกันเป็นประเภทเดียว โดยกำหนดให้ประเภทที่รวมกันนั้นมีคุณสมบัติทั้งหมดของประเภทที่นำมารวมกัน

ตัวอย่างประเภทแบบอินเตอร์เซกชัน

ต่อไปนี้เป็นตัวอย่างการใช้ประเภทแบบอินเตอร์เซกชัน:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

ความแตกต่างระหว่างประเภทแบบยูเนียนและประเภทแบบอินเตอร์เซกชัน

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

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

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

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

สร้างประเภทที่รวมประเภท Product กับประเภท Discount โดยใช้ประเภทแบบอินเตอร์เซกชัน จากนั้นใช้ประเภทนี้ประกาศตัวแปร

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

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