React Frontend Developer

Question 1

Что такое generics в TypeScript?

Accepted Answer

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

Question 2

Как типизировать функцию, которая получает значение объекта по ключу?

Accepted Answer

Функцию типизируют с помощью generic-параметров и keyof. Ключ ограничивается ключами объекта, а тип возвращаемого значения зависит от переданного ключа. Это позволяет TypeScript точно вывести тип и предотвратить доступ к несуществующим свойствам. Такой подход делает код безопасным и самодокументируемым.

Question 3

Как использовать generics для создания кастомных типов?

Accepted Answer

Generics позволяют создавать компоненты, которые работают с различными типами, а не с одним конкретным. Вы объявляете параметр типа (например, ) в определении типа, интерфейса или функции. При использовании этого типа вы можете указать конкретный тип, который заменит параметр. Это делает код типобезопасным и переиспользуемым, избегая дублирования логики для разных типов данных.

Question 4

Как задать опциональный generic?

Accepted Answer

В TypeScript опциональный generic-параметр можно задать, указав для него значение по умолчанию. Синтаксис похож на параметры функций по умолчанию: . Это позволяет использовать generic-тип, но если он не указан явно, будет использоваться тип по умолчанию. Такой подход делает компоненты более гибкими, так как они могут работать и с конкретным типом, и с типом по умолчанию, если пользователь его не указал.

Вопросы React Frontend Developer