Dynaaminen tyyppien luonti

TypeScriptin dynaamisen tyyppien luonnin avulla voitte määrittää tyyppejä, jotka mukautuvat muiden tyyppien tai tietojen perusteella, mikä tekee koodistanne joustavampaa ja uudelleenkäytettävämpää.

Tämä saavutetaan esimerkiksi ehdollisten tyyppien, mapped-tyyppien ja indeksoitujen käyttötyyppien avulla.

Dynaamisessa tyyppien luonnissa luodaan uusia tyyppejä muuntamalla tai käsittelemällä olemassa olevia tyyppejä, usein TypeScriptin edistyneiden tyyppiapuohjelmien avulla.

Ehdolliset tyypit käyttävät extends-avainsanaa tyyppien arvioimiseen ehdon perusteella:

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

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

Mapped-tyypit käyvät läpi tyypin avaimet ja luovat niiden perusteella dynaamisesti uusia tyyppejä:

type Optional<T> = {
  [K in keyof T]?: T[K];
};

type User = {
  name: string;
  age: number;
};

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

Indeksoidut käyttötyypit noutavat ominaisuuden tyypin toisesta tyypistä:

type User = {
  name: string;
  age: number;
};

type UserName = User['name']; // string

Voitte yhdistää ehdollisia tyyppejä, mapped-tyyppejä ja indeksoituja käyttötyyppejä edistyneempien dynaamisten tyyppien luomiseksi:

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

type User = {
  name: string;
  age: number;
};

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

Dynaaminen tyyppien luonti on hyödyllistä seuraavissa tilanteissa:

• Ohjelmointirajapintojen mukauttaminen dynaamisesti käyttäjän syötteen perusteella.
• Uudelleenkäytettävien ja tyyppiturvallisten tyyppiapuohjelmien luominen.
• Tyyppien määrittäminen tietojen muunnoksia varten.

Luokaa dynaaminen tyyppi, joka määrittää Product-tyypin kaikki ominaisuudet valinnaisiksi, jos niiden tyyppi on string. Testatkaa sitä esimerkkitiedoilla.

Onnittelut!

Olette oppineet luomaan TypeScriptissä dynaamisia tyyppejä ehdollisten tyyppien, mapped-tyyppien ja indeksoitujen käyttötyyppien avulla. Harjoitelkaa näitä tekniikoita hyödyntääksenne TypeScriptin tyyppijärjestelmän koko potentiaalin!