Typy obiektów, optional/readonly, sygnatury indeksów
Definiowanie typów obiektów z właściwościami, oznaczanie niektórych jako opcjonalne lub readonly oraz używanie sygnatur indeksów dla elastycznych kluczy
Typy obiektów, optional/readonly, sygnatury indeksów to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 1 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: Zdefiniować uporządkowane obiekty w TypeScript. Poznane zostaną typy obiektów, właściwości opcjonalne, modyfikatory readonly oraz sygnatury indeksowe dla dynamicznych kluczy.
Podstawowy obiekt
Typy obiektów definiują nazwy właściwości i ich typy. Każdy obiekt musi spełniać zadeklarowaną strukturę.
type User = {
id: number;
name: string;
};
const u: User = { id: 1, name: "Ada" };
console.log(u);Właściwość opcjonalna
Właściwości opcjonalne używają symbolu „?”. Obiekty mogą je pomijać, a TypeScript sprawdza, czy przed użyciem wartość nie jest undefined.
type User = {
id: number;
name: string;
email?: string; // optional
};
const a: User = { id: 1, name: "Ada" };
const b: User = { id: 2, name: "Lin", email: "l@example.com" };Właściwość tylko do odczytu
readonly gwarantuje, że po inicjalizacji nie można ponownie przypisać wartości właściwości. Sprawdza się w przypadku stałych i obiektów konfiguracji.
type Config = {
readonly version: number;
name: string;
};
const cfg: Config = { version: 1, name: "App" };
// cfg.version = 2; // Error, readonlySygnatura indeksu
Sygnatury indeksów pozwalają używać nieznanych nazw właściwości określonego typu. Przykład: klucze są ciągami znaków, a wartości — liczbami.
type Dictionary = {
[key: string]: number;
};
const scores: Dictionary = { math: 95, eng: 88 };
console.log(scores["math"]);Łączenie koncepcji
Można łączyć readonly, właściwości opcjonalne i sygnatury indeksów w jednym typie, aby tworzyć elastyczne, a zarazem bezpieczne modele.
type Settings = {
readonly id: string;
theme?: "light" | "dark";
[extra: string]: string | number | undefined;
};
const s: Settings = { id: "abc", theme: "dark", fontSize: 14 };
console.log(s);Sprawdzanie właściwości opcjonalnej
Szybkie sprawdzenie: Co oznacza symbol „?” umieszczony po właściwości?
Podsumowanie
Podsumowanie: Obiekty mogą deklarować właściwości wymagane, opcjonalne, readonly oraz właściwości z sygnaturą indeksu. Narzędzia te równoważą elastyczność i bezpieczeństwo.
Ucz się TypeScript dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 101
- Lekcje
- 352
Często zadawane pytania
Czy lekcja „Typy obiektów, optional/readonly, sygnatury indeksów” jest bezpłatna?
Tak — pełny tekst „Typy obiektów, optional/readonly, sygnatury indeksów” 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 „Typy obiektów, optional/readonly, sygnatury indeksów”?
Definiowanie typów obiektów z właściwościami, oznaczanie niektórych jako opcjonalne lub readonly oraz używanie sygnatur indeksów dla elastycznych kluczy Ć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 1 z 3.
Ile czasu zajmuje lekcja „Typy obiektów, optional/readonly, sygnatury indeksów”?
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
- Typy obiektów, optional/readonly, sygnatury indeksów
- Interfejsy a aliasy typów
- Typowanie strukturalne i sprawdzanie nadmiarowych właściwości