0Pricing
TypeScript Academy · Lekcja

Partial, Readonly, Record, Pick, Omit

Opanowanie kluczowych pomocniczych typów do przekształcania obiektów: Partial, Readonly, Record, Pick i Omit

Partial, Readonly, Record, Pick, Omit to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 2 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej TypeScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs TypeScript Academy zawiera 3 lekcji w sumie.

Wprowadzenie

Cel: Bezpiecznie przekształcać typy obiektów za pomocą Partial, Readonly, Record, Pick i Omit. Narzędzia te ograniczają ilość kodu szablonowego i zapobiegają błędom.

Partial

Partial<T> sprawia, że wszystkie właściwości są opcjonalne — doskonale nadaje się do danych aktualizacyjnych.

interface User {
  id: number;
  name: string;
  email?: string;
}

type UserUpdate = Partial<User>;
const patch: UserUpdate = { name: "Ada" }; // only changed fields

Readonly

Readonly<T> uniemożliwia ponowne przypisywanie wartości właściwości — świetnie sprawdza się w przypadku współdzielonej konfiguracji.

type Config = Readonly<{ api: string; timeout: number }>;
const cfg: Config = { api: "https://api", timeout: 1000 };
// cfg.timeout = 2000; // Error: readonly

Record

Record<K,T> tworzy typ z kluczami pochodzącymi z unii K i jednolitymi wartościami typu T.

type Status = "idle" | "loading" | "error";
type Flags = Record<Status, boolean>;
const f: Flags = { idle: true, loading: false, error: false };

// Also works for arbitrary string keys
const scores: Record<string, number> = { math: 95, eng: 88 };

Pick i Omit

Pick wybiera określone właściwości, a Omit usuwa niektóre z nich. Są idealne do modeli widoków i obiektów DTO API.

interface User {
  id: number;
  name: string;
  email?: string;
  role: "user" | "admin";
}

type PublicUser = Pick<User, "id" | "name">;
type PrivateUser = Omit<User, "role">;

const pu: PublicUser = { id: 1, name: "Ada" };
const pr: PrivateUser = { id: 1, name: "Ada", email: "a@x.io" };

Wskazówki

Wskazówki:

  • Należy łączyć typy pomocnicze: Readonly<Partial<T>> tworzy niemodyfikowalne fragmenty zmian.
  • Record należy stosować do map klucz → wartość.
  • Lepiej używać Pick/Omit niż ponownie deklarować podobne typy.

Sprawdzenie typu pomocniczego Record

Szybkie sprawdzenie: Który typ pomocniczy mapuje zbiór kluczy na jeden typ wartości?

Podsumowanie

Podsumowanie: Partial służy do fragmentów zmian, Readonly do niemodyfikowalności, Record do map klucz→wartość, a Pick/Omit do szybkiego przekształcania modeli.

Często zadawane pytania

Czy lekcja „Partial, Readonly, Record, Pick, Omit” jest bezpłatna?

Tak — pełny tekst „Partial, Readonly, Record, Pick, Omit” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu TypeScript Academy, przejdź na CoddyKit PRO. Kurs TypeScript Academy zawiera 3 lekcji w sumie.

Co nauczysz się w „Partial, Readonly, Record, Pick, Omit”?

Opanowanie kluczowych pomocniczych typów do przekształcania obiektów: Partial, Readonly, Record, Pick i Omit Ćwiczysz TypeScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć TypeScript Academy?

Nie wymagamy żadnego doświadczenia. TypeScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 3.

Ile czasu zajmuje lekcja „Partial, Readonly, Record, Pick, Omit”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji TypeScript Academy?

Tak. Każda lekcja TypeScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Funkcje generyczne i ograniczenia (extends, parametry domyślne)
  2. Partial, Readonly, Record, Pick, Omit
  3. Typy keyof i dostępu indeksowanego — wprowadzenie
← Powrót do TypeScript Academy