제네릭 제약 조건: 형식 매개변수 좁히기

환영합니다

제약 조건 복습

function len<T extends { length: number }>(val: T): number {
  return val.length;
}

특정 메서드로 제한하기

interface Stringable { toString(): string; }
function stringify<T extends Stringable>(val: T): string {
  return val.toString();
}

제약 조건에서 추론하기

function pluck<T, K extends keyof T>(items: T[], key: K): T[K][] {
  return items.map(item => item[key]);
}
const names = pluck(users, 'name'); // string[]

고차 종류 제약 조건(시뮬레이션)

원시 타입으로 제한하기

type Primitive = string | number | boolean | bigint | symbol | null | undefined;
function isPrimitive<T extends Primitive>(val: T): true { return true; }

재귀적 제약 조건

interface Comparable<T> { compareTo(other: T): number; }
function sort<T extends Comparable<T>>(items: T[]): T[] {
  return [...items].sort((a, b) => a.compareTo(b));
}

기본값이 있는 제약 조건

function process<T extends object = Record<string, unknown>>(data: T): void {
  console.log(Object.keys(data));
}

T extends Record<string, unknown>

function getValue<T extends Record<string, unknown>>(obj: T, key: string): unknown {
  return obj[key];
}

반환 타입에서의 제약 조건 추론

function firstKey<T extends object>(obj: T): keyof T {
  return Object.keys(obj)[0] as keyof T;
}

NoInfer 유틸리티(TS 5.4)

function createState<T>(initial: T, fallback: NoInfer<T>): T {
  return initial ?? fallback;
}

빠른 확인

요약