Typy narzędziowe

Typy narzędziowe

Witamy na kolejnej lekcji! W tej lekcji dowie się Pan/Pani o typach narzędziowych — wbudowanych funkcjach TypeScript, które upraszczają i usprawniają przekształcanie typów. Zaczynajmy!

Typy narzędziowe to predefiniowane typy udostępniane przez TypeScript do wykonywania typowych przekształceń typów, takich jak ustawianie właściwości jako opcjonalnych lub tylko do odczytu albo wybieranie określonych właściwości z typu.

Przykład:

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

type PartialUser = Partial<User>;

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

Typ narzędziowy Partial sprawia, że wszystkie właściwości typu stają się opcjonalne. Przykład:

Zadanie: Utwórz typ za pomocą typu narzędziowego Partial i użyj go do zdefiniowania zmiennej.

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

type OptionalUser = Partial<User>;

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

Typ narzędziowy Readonly sprawia, że wszystkie właściwości typu stają się niezmienne. Przykład:

Zadanie: Proszę użyć typu narzędziowego Readonly, aby utworzyć niezmienny obiekt.

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

Typ narzędziowy Pick wybiera określone właściwości z typu. Przykład:

Zadanie: Proszę użyć typu narzędziowego Pick, aby utworzyć typ zawierający tylko wybrane właściwości.

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

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

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

Typ narzędziowy Omit wyklucza określone właściwości z typu. Przykład:

Zadanie: Proszę użyć typu narzędziowego Omit, aby wykluczyć właściwość z typu.

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

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

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

Typ narzędziowy Record tworzy typ z określonym zestawem kluczy i wskazanym typem wartości. Przykład:

Zadanie: Proszę użyć typu narzędziowego Record, aby utworzyć mapowanie kluczy na wartości.

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

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

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

Typ narzędziowy Required sprawia, że wszystkie właściwości typu stają się wymagane. Przykład:

Zadanie: Proszę użyć typu narzędziowego Required, aby wszystkie właściwości stały się wymagane.

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

type FullUser = Required<User>;

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

Gratulacje! Poznali już Państwo wbudowane typy narzędziowe TypeScriptu, w tym Partial, Readonly, Pick, Omit i inne. Typy te ułatwiają i przyspieszają pracę z typami. W następnej lekcji przejdziemy do zaawansowanych typów mapowanych. Kontynuujmy kodowanie!