Введение в keyof и типы доступа

Оператор keyof и типы доступа в TypeScript позволяют динамически работать с ключами и свойствами существующих типов.

Они делают код более гибким и пригодным для повторного использования, позволяя ссылаться на типы объектов и извлекать их.

Что такое keyof?

Оператор keyof создаёт тип, состоящий из всех ключей типа объекта.

Пример:

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

Что такое типы доступа?

Типы доступа используют квадратные скобки [], чтобы получить тип определённого свойства объекта.

Пример:

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

Объединение keyof и типов доступа

Вы можете использовать keyof и типы доступа вместе, чтобы создавать динамические и пригодные для повторного использования ограничения типов.

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

Сценарии использования keyof и типов доступа

Распространённые случаи использования:

• Создание динамических API.
• Безопасный с точки зрения типов доступ к свойствам объектов.
• Повышение гибкости кода с помощью ограничений типов.

Практический пример

Вот практический пример, в котором мы объединяем keyof и типы доступа:

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');

Преимущества использования keyof и типов доступа

Эти возможности обеспечивают:

• Динамический доступ к свойствам с проверкой типов.
• Пригодный для повторного использования и масштабируемый код.
• Более эффективное предотвращение ошибок на этапе компиляции.

Практическое задание

Создайте функцию с использованием keyof и типов доступа, чтобы динамически обращаться к свойствам объекта пользователя. Попробуйте!

Поздравляем!

Вы узнали, как использовать keyof и типы доступа, чтобы сделать код динамичным и безопасным с точки зрения типов. Продолжайте практиковаться, чтобы освоить эти расширенные возможности TypeScript!