พารามิเตอร์ชนิดเริ่มต้น

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

ไวยากรณ์ชนิดเริ่มต้น

interface Container<T = string> {
  value: T;
}
const c: Container = { value: 'hello' }; // T defaults to string
const n: Container<number> = { value: 42 };

ค่าเริ่มต้นในฟังก์ชันชนิดทั่วไป

function createList<T = string>(): T[] { return []; }
const list = createList(); // T is string by default

ค่าเริ่มต้นร่วมกับข้อจำกัด

interface Event<T extends object = Record<string, unknown>> {
  type: string;
  payload: T;
}

ค่าเริ่มต้นในคอมโพเนนต์แบบ React

interface SelectProps<T = string> {
  options: T[];
  value: T;
  onChange: (val: T) => void;
}

ค่าเริ่มต้นหลายรายการ

type Pair<A = string, B = number> = { first: A; second: B };
const p: Pair = { first: 'hello', second: 42 }; // A=string, B=number

พารามิเตอร์ชนิดข้อมูลท้ายรายการก็ต้องมีค่าเริ่มต้น

type Map<K = string, V = unknown> = Record<K extends string ? K : string, V>;
const m: Map = {}; // K=string, V=unknown by default

เมื่อ TypeScript ไม่ใช้ค่าเริ่มต้น

function wrap<T = string>(val: T): T { return val; }
const n = wrap(42); // T is number, not string (inferred)

การแทนที่อย่างชัดเจน

interface Box<T = string> { item: T; }
const numBox: Box<number> = { item: 100 }; // T explicitly number

ค่าเริ่มต้นในคลาสชนิดทั่วไป

class Stack<T = unknown> {
  private items: T[] = [];
  push(item: T) { this.items.push(item); }
  pop(): T | undefined { return this.items.pop(); }
}

ค่าเริ่มต้นช่วยให้ไลบรารีชนิดทั่วไปใช้งานง่ายขึ้น

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

สรุปทบทวน