อินเทอร์เฟซกับ type: ควรใช้แบบใด

เริ่มต้นใช้งาน

ความคล้ายคลึงกัน

interface A { x: number; }
type B = { x: number; };
// Both describe the same shape

ความแตกต่างสำคัญ: การรวมการประกาศ

interface Config { host: string; }
interface Config { port: number; } // OK — merged

type Settings = { host: string; };
// type Settings = { port: number; }; // Error

ความแตกต่างสำคัญ: ยูเนียนและอินเตอร์เซกชัน

type ID = string | number;        // union — only with type
type Nullable<T> = T | null;       // union — only with type
type Point = [number, number];     // tuple — only with type

ความแตกต่างสำคัญ: พร็อพเพอร์ตีที่คำนวณ

type ReadonlyUser = Readonly<{ name: string; age: number }>; // mapped type
type Keys = keyof User; // only with type

การใช้อินเทอร์เฟซสำหรับข้อกำหนดของคลาส

interface Repository<T> {
  findById(id: number): T | null;
  save(item: T): void;
}
class UserRepo implements Repository<User> { /* ... */ }

ประสิทธิภาพ: อินเทอร์เฟซกับชนิดข้อมูล

ข้อความแสดงข้อผิดพลาดแตกต่างกัน

คำแนะนำอย่างเป็นทางการของ TypeScript

ความสอดคล้องของทีมสำคัญที่สุด

ตารางสรุปการตัดสินใจ

// interface
interface User { name: string; age: number; }

// type (union)
type ID = string | number;

// type (tuple)
type Coord = [number, number];

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน