Middle

/** * Taak 1: Generics en Toegankelijkheid van Sleutels * Maak een functie `getProperty` die een object en een sleutel neemt. * Gebruik generics om te zorgen dat de functie typeveilig is en dat de sleutel op het object bestaat. */ function getProperty<T extends Record<string, unknown>, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; } getProperty('str', 'toString') /** * Taak 2: Gegeven meerdere Todo-interfaceverklaringen hieronder, leg uit wat er gebeurt wanneer ze in hetzelfde bereik aanwezig zijn. * Bespreek hoe TypeScript ze behandelt en vul het `myTodo`-object in om te voldoen aan de samengevoegde Todo-interface-eisen. */ interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; }

sobes.tech AI

Antwoord van AI

Задача 1: Функция getProperty использует дженерики и ограничение K extends keyof T, чтобы гарантировать, что ключ key существует в объекте obj типа T. Это обеспечивает типобезопасный доступ к свойствам объекта.

Пример функции:

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

const result = getProperty({name: 'Alice', age: 30}, 'name'); // тип string

Вызов getProperty('str', 'toString') корректен, так как у строки есть метод toString.

Задача 2: В TypeScript несколько деклараций интерфейса с одинаковым именем в одной области видимости объединяются (merged). Это значит, что итоговый интерфейс Todo будет содержать все свойства из обеих деклараций:

interface Todo {
  title: string;
  dueDate: Date;
  description: string;
  completed: boolean;
}

Чтобы объект myTodo соответствовал объединённому интерфейсу, нужно определить все эти свойства:

const myTodo: Todo = {
  title: 'Learn TypeScript',
  dueDate: new Date('2024-12-31'),
  description: 'Study advanced TypeScript features',
  completed: false
};

Таким образом, декларации интерфейсов в TypeScript можно расширять путём повторного объявления, что удобно для постепенного добавления свойств.

Vorige Volgende