React Frontend Developer

Question 1

Что такое mapped types в TypeScript?

Accepted Answer

Mapped types позволяют изменять или трансформировать все свойства существующего типа. Это полезно для создания новых типов, которые немного отличаются от исходных, например, для того, чтобы сделать все свойства объекта обязательными или опциональными.

Question 2

Где могут быть полезны mapped types?

Accepted Answer

Mapped Types (отображаемые типы) полезны, когда вам нужно создать новый тип на основе старого, применив одно и то же преобразование ко всем свойствам исходного типа. Они идеально подходят для задач, где требуется сделать все свойства опциональными (Partial), доступными только для чтения (Readonly), или выбрать подмножество свойств по их именам. Это мощный инструмент для избежания рутинного дублирования кода при определении схожих типов.

Question 3

Как реализовать собственный аналог Partial<T>?

Accepted Answer

Partial делает все свойства типа T необязательными. Свой аналог можно реализовать через mapped type: перебрать ключи T с помощью keyof и добавить модификатор ? к каждому свойству. Это позволяет создавать объекты, где часть полей может отсутствовать, но типы остаются строгими.

Question 4

Как реализовать собственный аналог Pick<T, K> и как работают mapped types?

Accepted Answer

Pick создаёт новый тип, выбирая из T только указанные ключи K. Реализуется через mapped type: перебираем ключи K и берём соответствующие значения из T. Ключевое слово keyof даёт объединение ключей, а in [P in K] перебирает их. Такой подход позволяет строить новые типы на основе существующих без дублирования.

Вопросы React Frontend Developer