Apuohjelmatyypit

Apuohjelmatyypit

Tervetuloa seuraavalle oppitunnille! Tällä oppitunnilla opitte apuohjelmatyypeistä, jotka ovat sisäänrakennettuja TypeScript-ominaisuuksia ja yksinkertaistavat tyyppimuunnoksia sekä tehostavat niitä. Aloitetaan!

Apuohjelmatyypit ovat TypeScriptin ennalta määrittämiä tyyppejä, joilla tehdään yleisiä tyyppimuunnoksia, kuten muutetaan ominaisuudet valinnaisiksi tai readonly-ominaisuuksiksi tai poimitaan tyypistä tiettyjä ominaisuuksia.

Esimerkki:

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

type PartialUser = Partial<User>;

let user: PartialUser = { name: "Alice" }; 
// Only 'name' is provided

Partial-apuohjelmatyyppi tekee kaikista tyypin ominaisuuksista valinnaisia. Esimerkki:

Tehtävä: Luokaa tyyppi Partial-apuohjelman avulla ja käyttäkää sitä muuttujan määrittämiseen.

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

type OptionalUser = Partial<User>;

let user: OptionalUser = { name: "Bob" }; 
// 'age' is optional

Readonly-apuohjelmatyyppi tekee kaikista tyypin ominaisuuksista muuttumattomia. Esimerkki:

Tehtävä: Luokaa Readonly-apuohjelmatyypin avulla muuttumaton objekti.

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

type ReadonlyUser = Readonly<User>;

let user: ReadonlyUser = { name: "Alice", age: 25 };
// user.age = 30; 
// Error: Cannot assign to 'age' because it is a read-only property

Pick-apuohjelmatyyppi valitsee tyypistä tietyt ominaisuudet. Esimerkki:

Tehtävä: Luokaa Pick-apuohjelmatyypin avulla tyyppi, joka sisältää vain valitut ominaisuudet.

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

type UserNameAndEmail = Pick<User, "name" | "email">;

let user: UserNameAndEmail = { name: "Alice", email: "alice@example.com" };

Omit-apuohjelmatyyppi jättää tietyt ominaisuudet pois tyypistä. Esimerkki:

Tehtävä: Jättäkää ominaisuus pois tyypistä Omit-apuohjelmatyypin avulla.

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

type UserWithoutEmail = Omit<User, "email">;

let user: UserWithoutEmail = { name: "Bob", age: 30 };

Record-apuohjelmatyyppi luo tyypin, jolla on joukko avaimia ja määritetty arvojen tyyppi. Esimerkki:

Tehtävä: Luokaa Record-apuohjelmatyypin avulla avainten ja arvojen välinen kuvaus.

type Role = "admin" | "user" | "guest";

type Permissions = Record<Role, string[]>;

let rolePermissions: Permissions = {
  admin: ["read", "write", "delete"],
  user: ["read", "write"],
  guest: ["read"],
};

Required-apuohjelmatyyppi tekee kaikista tyypin ominaisuuksista pakollisia. Esimerkki:

Tehtävä: Tehkää kaikista ominaisuuksista pakollisia Required-apuohjelmatyypin avulla.

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

type FullUser = Required<User>;

let user: FullUser = { name: "Alice", age: 30 }; 
// Both 'name' and 'age' are required

Onneksi olkoon! Olette oppineet TypeScriptin sisäänrakennetuista apuohjelmatyypeistä, kuten tyypeistä Partial, Readonly, Pick ja Omit. Näiden apuohjelmien avulla tyyppien käsittely on nopeampaa ja helpompaa. Seuraavalla oppitunnilla tutustumme edistyneisiin mapattuihin tyyppeihin. Jatketaan koodaamista!