ジェネリック制約：型パラメーターの絞り込み

ようこそ

制約の復習

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

確認問題

まとめ