ชนิดอินเตอร์เซกชัน: A และ B

ยินดีต้อนรับ

ไวยากรณ์อินเตอร์เซกชันพื้นฐาน

type Named = { name: string };
type Aged = { age: number };
type Person = Named & Aged;
const alice: Person = { name: 'Alice', age: 30 };

ต้องมีคุณสมบัติทั้งหมด

type A = { x: number };
type B = { y: number };
type AB = A & B;
// const p: AB = { x: 1 }; // Error — missing y

การรวมประเภทอ็อบเจ็กต์

type Serializable = { serialize(): string };
type Loggable = { log(): void };
type Service = Serializable & Loggable;

อินเตอร์เซกชันกับการสืบทอด

// Interface extend:
interface C extends A, B {}

// Intersection type:
type D = A & B;
// Both give the same shape for simple objects

อินเตอร์เซกชันกับประเภทที่ขัดแย้งกัน

type X = { id: string };
type Y = { id: number };
type XY = X & Y;
// XY.id is string & number = never — impossible!

อินเตอร์เซกชันในพารามิเตอร์ฟังก์ชัน

function process(item: Serializable & Loggable): void {
  item.log();
  console.log(item.serialize());
}

รูปแบบมิกซ์อินด้วยอินเตอร์เซกชัน

type Timestamped<T> = T & { createdAt: Date };
type User = Timestamped<{ name: string; email: string }>;

อินเตอร์เซกชันของประเภทพื้นฐานจะยุบเป็น never

type T = string & number; // never — a value can't be both

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

การใช้อินเตอร์เซกชันกับประเภทเจเนอริก

type WithId<T> = T & { id: number };
const user: WithId<{ name: string }> = { id: 1, name: 'Alice' };

ตรวจสอบความเข้าใจอย่างรวดเร็ว

ทบทวน