อินเทอร์เฟซและนามแฝงชนิดแบบเจเนอริก

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

ไวยากรณ์อินเทอร์เฟซชนิดทั่วไป

interface Box<T> {
  value: T;
  unwrap(): T;
}
const box: Box<number> = { value: 42, unwrap() { return this.value; } };

นามแฝงชนิดข้อมูลแบบทั่วไป

type Maybe<T> = T | null | undefined;
type Pair<A, B> = { first: A; second: B };
const p: Pair<string, number> = { first: 'Alice', second: 30 };

อินเทอร์เฟซคลังเก็บข้อมูลชนิดทั่วไป

interface Repository<T> {
  findById(id: number): T | null;
  findAll(): T[];
  save(item: T): void;
  delete(id: number): void;
}

การนำอินเทอร์เฟซชนิดทั่วไปไปใช้

class UserRepo implements Repository<User> {
  findById(id: number): User | null { return null; }
  findAll(): User[] { return []; }
  save(user: User): void {}
  delete(id: number): void {}
}

การขยายอินเทอร์เฟซชนิดทั่วไป

interface Named<T> { name: T; }
interface NamedAndAged<T> extends Named<T> { age: number; }

ชนิดการตอบกลับแบบทั่วไป

type ApiResponse<T> = {
  status: 'success' | 'error';
  data: T;
  timestamp: number;
};
const res: ApiResponse<User[]> = { status: 'success', data: [], timestamp: Date.now() };

พารามิเตอร์ชนิดข้อมูลหลายตัวในอินเทอร์เฟซ

interface KeyValue<K, V> {
  key: K;
  value: V;
}
const kv: KeyValue<string, number> = { key: 'age', value: 30 };

เมธอดชนิดทั่วไปในอินเทอร์เฟซที่ไม่ใช่ชนิดทั่วไป

interface Transformer {
  transform<T, U>(input: T, fn: (val: T) => U): U;
}

ชนิดข้อมูลทั่วไปแบบเรียกซ้ำ

interface TreeNode<T> {
  value: T;
  children: TreeNode<T>[];
}

นามแฝงชนิดข้อมูลเทียบกับอินเทอร์เฟซสำหรับชนิดทั่วไป

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

สรุปทบทวน