Generyczne interfejsy i aliasy typów
Stosuj generyki w interfejsach i niestandardowych typach.
Generyczne interfejsy i aliasy typów 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.
Wprowadzenie
Składnia generycznego interfejsu
interface Box<T> {
value: T;
unwrap(): T;
}
const box: Box<number> = { value: 42, unwrap() { return this.value; } };Generyczny alias typu
type Maybe<T> = T | null | undefined;
type Pair<A, B> = { first: A; second: B };
const p: Pair<string, number> = { first: 'Alice', second: 30 };Generyczny interfejs repozytorium
interface Repository<T> {
findById(id: number): T | null;
findAll(): T[];
save(item: T): void;
delete(id: number): void;
}Implementowanie generycznego interfejsu
class UserRepo implements Repository<User> {
findById(id: number): User | null { return null; }
findAll(): User[] { return []; }
save(user: User): void {}
delete(id: number): void {}
}Rozszerzanie generycznych interfejsów
interface Named<T> { name: T; }
interface NamedAndAged<T> extends Named<T> { age: number; }Generyczny typ odpowiedzi
type ApiResponse<T> = {
status: 'success' | 'error';
data: T;
timestamp: number;
};
const res: ApiResponse<User[]> = { status: 'success', data: [], timestamp: Date.now() };Wiele parametrów typu w interfejsach
interface KeyValue<K, V> {
key: K;
value: V;
}
const kv: KeyValue<string, number> = { key: 'age', value: 30 };Generyczna metoda w niegenerycznym interfejsie
interface Transformer {
transform<T, U>(input: T, fn: (val: T) => U): U;
}Rekurencyjne typy generyczne
interface TreeNode<T> {
value: T;
children: TreeNode<T>[];
}Alias typu a interfejs w typach generycznych
Szybkie sprawdzenie
Podsumowanie
Często zadawane pytania
Czy lekcja „Generyczne interfejsy i aliasy typów” jest bezpłatna?
Tak — pełny tekst „Generyczne interfejsy i aliasy typó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 4 lekcji w sumie.
Co nauczysz się w „Generyczne interfejsy i aliasy typów”?
Stosuj generyki w interfejsach i niestandardowych typach. Ć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 „Generyczne interfejsy i aliasy typó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
- Funkcje generyczne: parametry typów
- Generyczne interfejsy i aliasy typów
- Ograniczenia generyczne za pomocą extends
- Domyślne parametry typów