0Pricing
TypeScript Academy · Lekcja

Modyfikatory w typach mapowanych: readonly i ?

Dodawaj lub usuwaj modyfikatory za pomocą +/- w typach mapowanych.

Modyfikatory w typach mapowanych: readonly i ? to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 2 z 4. 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 4 lekcji w sumie.

Witamy

Typy mapowane mogą dodawać lub usuwać modyfikatory `readonly` i opcjonalności (`?`) właściwości za pomocą prefiksów `+` i `-`.

Dodawanie modyfikatorów za pomocą +

Prefiks `+` (domyślnie niejawny) dodaje modyfikator do każdej właściwości w typie mapowanym.
type Readonly<T> = { +readonly [K in keyof T]: T[K] }; // + is implicit
type Optional<T> = { [K in keyof T]+?: T[K] };

Usuwanie readonly za pomocą -

Użyj `-readonly`, aby usunąć modyfikator readonly z właściwości.
type Mutable<T> = { -readonly [K in keyof T]: T[K] };
const mutableUser: Mutable<Readonly<User>> = { id: 1, name: 'Alice' };
mutableUser.id = 2; // OK now

Usuwanie ? za pomocą -

Użyj `-?`, aby usunąć modyfikator opcjonalności i uczynić wszystkie właściwości wymaganymi.
type Required<T> = { [K in keyof T]-?: T[K] };
// Now all optional properties become required

Łączenie - i -?

Możesz połączyć oba sposoby usuwania, aby utworzyć modyfikowalną, wymaganą wersję typu.
type Concrete<T> = { -readonly [K in keyof T]-?: T[K] };

Partial i Required są przeciwieństwami

`Partial` dodaje `?` za pomocą `+?`. `Required` usuwa je za pomocą `-?`.
// From TypeScript lib:
type Partial<T> = { [K in keyof T]?: T[K] };   // adds ?
type Required<T> = { [K in keyof T]-?: T[K] };  // removes ?

Domyślne zachowywanie modyfikatorów

Bez jawnego `+` lub `-` typy mapowane zachowują istniejące modyfikatory typu źródłowego.
interface User { readonly id: number; name?: string; }
type Copy<T> = { [K in keyof T]: T[K] };
type C = Copy<User>; // readonly id preserved, name? preserved

Praktyczne zastosowanie: typ Patch

Utwórz typ Patch, który uczyni wszystkie właściwości opcjonalnymi i jednocześnie usunie `readonly`, aby umożliwić aktualizacje.
type Patch<T> = { -readonly [K in keyof T]?: T[K] };

DeepReadonly

Zastosuj `readonly` rekurencyjnie za pomocą typu warunkowego wewnątrz typu mapowanego.
type DeepReadonly<T> = {
  readonly [K in keyof T]: T[K] extends object ? DeepReadonly<T[K]> : T[K]
};

DeepPartial

Podobnie zastosuj `?` rekurencyjnie, aby uzyskać typ, którego wszystkie właściwości są opcjonalne, także na zagnieżdżonych poziomach.
type DeepPartial<T> = {
  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K]
};

Tabela kombinacji modyfikatorów

+readonly = dodaje readonly. -readonly = usuwa readonly. +? = dodaje opcjonalność. -? = usuwa opcjonalność. Wszystkie cztery można łączyć.

Szybki sprawdzian

Co tworzy `{ [K in keyof T]-?: T[K] }`?

Podsumowanie

Używaj prefiksów +/- przed `readonly` i `?` w typach mapowanych, aby jawnie dodawać lub usuwać te modyfikatory. `-?` implementuje `Required`, a `-readonly` implementuje `Mutable`. Połącz oba, aby uzyskać pełną kontrolę nad modyfikowalnością.

Często zadawane pytania

Czy lekcja „Modyfikatory w typach mapowanych: readonly i ?” jest bezpłatna?

Tak — pełny tekst „Modyfikatory w typach mapowanych: readonly i ?” 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 4 lekcji w sumie.

Co nauczysz się w „Modyfikatory w typach mapowanych: readonly i ?”?

Dodawaj lub usuwaj modyfikatory za pomocą +/- w typach mapowanych. Ć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 4.

Ile czasu zajmuje lekcja „Modyfikatory w typach mapowanych: readonly i ?”?

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. Typy mapowane: przekształcanie typów obiektów
  2. Modyfikatory w typach mapowanych: readonly i ?
  3. Typy literałów szablonowych: wzorce ciągów znaków
  4. Zmiana mapowania kluczy za pomocą as w typach mapowanych
← Powrót do TypeScript Academy