ข้อจำกัดเจเนอริกด้วย extends

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

ปัญหาเมื่อไม่มีข้อจำกัด

function getLength<T>(val: T): number {
  // return val.length; // Error — T might not have .length
}

การเพิ่มข้อจำกัด

function getLength<T extends { length: number }>(val: T): number {
  return val.length;
}
getLength('hello');  // OK — string has .length
getLength([1, 2]);   // OK — array has .length
// getLength(42);   // Error — number has no .length

การจำกัดให้เป็นอินเทอร์เฟซ

interface Named { name: string; }
function greet<T extends Named>(person: T): string {
  return 'Hello, ' + person.name;
}

ข้อจำกัด keyof

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}
const age = getProperty({ name: 'Alice', age: 30 }, 'age'); // number

การขยายยูเนียน

type Status = 'active' | 'inactive' | 'banned';
function setStatus<T extends Status>(status: T): void {
  console.log('Setting status:', status);
}

การจำกัดให้เป็นตัวสร้าง

function create<T>(ctor: new () => T): T {
  return new ctor();
}

ข้อจำกัดหลายรายการด้วยอินเตอร์เซกชัน

interface Serializable { serialize(): string; }
interface Loggable { log(): void; }
function process<T extends Serializable & Loggable>(item: T): void {
  item.log();
  console.log(item.serialize());
}

การสืบทอดข้อจำกัด

class Animal { breathe() { return 'breathing'; } }
function care<T extends Animal>(a: T): string { return a.breathe(); }

T ขยายตัวเองแบบเรียกซ้ำ

interface Comparable<T> { compareTo(other: T): number; }
function max<T extends Comparable<T>>(a: T, b: T): T {
  return a.compareTo(b) >= 0 ? a : b;
}

ข้อความแสดงข้อผิดพลาดของข้อจำกัด

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

สรุปทบทวน