기본 형식 매개변수

시작하기

기본 문법

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(); }
}

기본값으로 쉬워지는 제네릭 라이브러리 사용

빠른 확인

복습