Uygulamalı infer Kullanım Alanları: Promise'leri Açma

Sarmalayıcıdan Çıkarma Problemi

type Awaited<T> = T extends Promise<infer U> ? U : T;
type A = Awaited<Promise<string>>; // string
type B = Awaited<number>;          // number

Yerleşik Awaited Yardımcı Türü

type A = Awaited<Promise<Promise<string>>>; // string
// Handles arbitrary nesting automatically

Özel Derinlikle Sarmalayıcıdan Çıkarma

type DeepAwaited<T> =
  T extends Promise<infer U> ? DeepAwaited<U> : T;
type A = DeepAwaited<Promise<Promise<number>>>; // number

Dizi Öğelerini Sarmalayıcıdan Çıkarma

type Element<T> = T extends (infer U)[] ? U : never;
type A = Element<string[]>; // string
type B = Element<number[]>; // number

Gözlemlenebilir Türlerini Sarmalayıcıdan Çıkarma

type ObservableType<T> = T extends Observable<infer U> ? U : never;
type A = ObservableType<Observable<User>>; // User

İşlev Dönüşünü Sarmalayıcıdan Çıkarma

async function getUser(): Promise<User> { /* ... */ }
type UserResult = Awaited<ReturnType<typeof getUser>>; // User

İç İçe Sarmalayıcıları Çıkarma

type UnwrapPromiseArray<T> =
  T extends Promise<infer U>
    ? U extends (infer V)[]
      ? V
      : U
    : T;
type A = UnwrapPromiseArray<Promise<User[]>>; // User

Biçime Göre Koşullu Sarmalayıcıdan Çıkarma

type MaybeUnwrap<T> =
  T extends Promise<infer U> ? U : T extends (infer V)[] ? V : T;

type A = MaybeUnwrap<Promise<string>>;  // string
type B = MaybeUnwrap<number[]>;         // number
type C = MaybeUnwrap<boolean>;          // boolean

Türlendirilmiş API Getirme Sarmalayıcısı

async function fetchData<T>(url: string): Promise<T> {
  const res = await fetch(url);
  return res.json() as T;
}
type UserData = Awaited<ReturnType<typeof fetchData<User>>>; // User

Hatalara Dayanıklı Sarmalayıcıdan Çıkarma

type Ok<T> = { ok: true; value: T };
type Err = { ok: false; error: string };
type ExtractOk<T> = T extends Ok<infer V> ? V : never;
type A = ExtractOk<Ok<number> | Err>; // number

Özet: Tür Çıkarmayla Sarmalayıcıdan Çıkarma

Hızlı Kontrol

Öğrendikleriniz