Ograniczenia generyczne: zawężanie parametrów typów

Witamy

Powtórzenie ograniczeń

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

Ograniczanie do określonych metod

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

Wnioskowanie z ograniczenia

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[]

Ograniczenia wyższych rzędów (symulacja)

Ograniczanie do typów prymitywnych

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

Ograniczenia rekurencyjne

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

Ograniczenie z wartością domyślną

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

Wnioskowanie ograniczenia w typach zwracanych

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

Narzędzie NoInfer (TS 5.4)

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

Szybki sprawdzian

Podsumowanie