Keyof- ja hakutyypit

TypeScriptin keyof-operaattorin ja lookup-tyyppien avulla voitte käsitellä olemassa olevien tyyppien avaimia ja ominaisuuksia dynaamisesti.

Ne tekevät koodista joustavampaa ja uudelleenkäytettävämpää, koska niiden avulla voitte viitata objektien tyyppeihin ja poimia niitä.

keyof-operaattori luo tyypin, joka koostuu objektityypin kaikista avaimista.

Esimerkki:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Lookup-tyypeillä haetaan hakasulkeiden [] avulla objektin tietyn ominaisuuden tyyppi.

Esimerkki:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Voitte käyttää keyof- ja lookup-tyyppejä yhdessä dynaamisten ja uudelleenkäytettävien tyyppirajoitteiden luomiseen.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Yleisiä käyttötapauksia ovat:

• Dynaamisten rajapintojen luominen.
• Tyypiturvallinen ominaisuuksien käyttö objekteissa.
• Koodin joustavuuden parantaminen tyyppirajoitteiden avulla.

Tässä on käytännön esimerkki, jossa yhdistämme keyof- ja lookup-tyypit:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Nämä ominaisuudet tarjoavat:

• Dynaamisen ominaisuuksien käytön tyyppiturvallisesti.
• Uudelleenkäytettävää ja skaalautuvaa koodia.
• Virheiden tehokkaampaa ehkäisemistä käännösaikana.

Luokaa keyof- ja lookup-tyyppejä käyttävä funktio, jolla voitte käyttää käyttäjäobjektin ominaisuuksia dynaamisesti. Kokeilkaa sitä!

Onnittelut!

Olette oppineet käyttämään keyof- ja lookup-tyyppejä koodinne tekemiseen dynaamiseksi ja tyyppiturvalliseksi. Jatkakaa harjoittelua, jotta opitte hallitsemaan nämä TypeScriptin edistyneet ominaisuudet!