keyof i typeof

Operatory typów pomagają wyprowadzać nowe typy z istniejących struktur.

Jak to działa?

keyof tworzy unię kluczy danego typu. typeof użyty w pozycji typu pobiera typ istniejącej wartości.

To inne zastosowanie typeof niż sprawdzanie wartości w trakcie działania JS.

Przykład 1 — poznaj zapis

const settings = { theme: "dark", pageSize: 20 };
type Settings = typeof settings;
type SettingsKey = keyof Settings;

const key: SettingsKey = "theme";

SettingsKey dopuszcza tylko "theme" lub "pageSize".

Brak tekstu w konsoli. Typ SettingsKey dopuszcza theme i pageSize.

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

type User = { name: string; points: number };
type Key = keyof User;
const key: Key = "points";
console.log(key);

points