Ehdolliset tyypit

TypeScriptin ehdollisten tyyppien avulla voit luoda tyyppejä, jotka mukautuvat dynaamisesti ehdon perusteella. Näin koodistasi tulee joustavampaa ja uudelleenkäytettävämpää.

Niissä käytetään JavaScriptin ehdollisen (ternary) operaattorin kaltaista syntaksia.

Ehdollisten tyyppien avulla voit määrittää tyypin, joka riippuu toisesta tyypistä. Perussyntaksi on seuraava:

T extends U ? X : Y

Tämä tarkoittaa: jos T laajentaa U-tyyppiä, tyypiksi tulee X; muussa tapauksessa se on Y.

Tässä on yksinkertainen esimerkki:

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

Ehdolliset tyypit voivat yksinkertaistaa funktioiden ylikuormituksia määrittämällä palautustyypit dynaamisesti:

type ReturnType<T> = T extends (...args: any[]) => infer R ? R : never;

function getData(): string {
  return 'Hello';
}

type DataType = ReturnType<typeof getData>; // string

Kun ehdollisia tyyppejä käytetään union-tyyppien kanssa, ne kohdistetaan erikseen unionin jokaiseen jäseneen:

type ToArray<T> = T extends any ? T[] : never;

type A = ToArray<string | number>;
// A = string[] | number[]

Voit yhdistää ehdollisia tyyppejä mapped-tyyppien kanssa tehokkaiden tyyppimuunnosten luomiseksi:

type User = {
  id: number;
  name: string;
  isAdmin?: boolean;
};

type MakeRequired<T> = {
  [K in keyof T]-?: T[K] extends undefined ? never : T[K];
};

type RequiredUser = MakeRequired<User>;
// { id: number; name: string; isAdmin: never; }

Ehdollisia tyyppejä käytetään yleisesti seuraaviin tarkoituksiin:

• Palautustyyppien tai parametrien päättelyyn.
• Union- ja intersection-tyyppien muuntamiseen.
• Utility-tyyppien, kuten Exclude-, Extract- ja NonNullable-tyyppien, luomiseen.

Luo ehdollinen tyyppi, joka tarkistaa, onko tyyppi taulukko, ja palauttaa siinä tapauksessa sen alkiotyypin; muussa tapauksessa se palauttaa tyypin itsensä.

Olet oppinut käyttämään ehdollisia tyyppejä dynaamisten ja uudelleenkäytettävien tyyppimäärittelyjen luomiseen TypeScriptissä. Harjoittele näitä käsitteitä, jotta voit kirjoittaa tehokkaampaa ja joustavampaa TypeScript-koodia!