Typy Keyof i lookup

Operator keyof i typy wyszukiwania w TypeScript umożliwiają dynamiczną pracę z kluczami i właściwościami istniejących typów.

Dzięki możliwości odwoływania się do typów obiektów i wyodrębniania ich typów kod staje się bardziej elastyczny i wielokrotnego użytku.

Operator keyof tworzy typ składający się ze wszystkich kluczy typu obiektu.

Przykład:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Typy wyszukiwania używają nawiasów kwadratowych [] do pobierania typu określonej właściwości obiektu.

Przykład:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Operatora keyof i typów wyszukiwania można używać razem do tworzenia dynamicznych i wielokrotnego użytku ograniczeń typów.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Typowe zastosowania obejmują:

• Tworzenie dynamicznych interfejsów API.
• Bezpieczny typowo dostęp do właściwości obiektów.
• Zwiększanie elastyczności kodu za pomocą ograniczeń typów.

Oto praktyczny przykład łączący keyof i typy wyszukiwania:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Funkcje te zapewniają:

• Dynamiczny dostęp do właściwości z zachowaniem bezpieczeństwa typów.
• Wielokrotnego użytku i skalowalny kod.
• Lepsze zapobieganie błędom na etapie kompilacji.

Należy utworzyć funkcję korzystającą z keyof i typów wyszukiwania, aby uzyskiwać dynamiczny dostęp do właściwości obiektu użytkownika. Proszę ją wypróbować!

Gratulacje!

Poznali Państwo sposób korzystania z keyof i typów wyszukiwania, aby tworzyć dynamiczny i bezpieczny typowo kod. Warto nadal ćwiczyć, aby opanować te zaawansowane funkcje języka TypeScript!