> Что такое generics в TypeScript и как они помогают создавать переиспользуемые компоненты? (TypeScript)

Уровень: junior · Роль: frontend · Категория: Технические вопросы

Компании: Soft_Media_Group, EPAM, Altenar

Стек: TypeScript

> Пример ответа

Generics в TypeScript - это механизм, позволяющий создавать компоненты (функции, классы, интерфейсы), которые работают с различными типами данных, не теряя при этом строгой типизации. Вместо того чтобы указывать конкретный тип, мы используем параметр типа (например, <T>), который подставляется при вызове.

Пример: функция, возвращающая первый элемент массива:

TYPESCRIPT
function first<T>(arr: T[]): T | undefined {
  return arr[0];
}

const num = first([1, 2, 3]); // тип number
const str = first(['a', 'b']); // тип string

Без generics пришлось бы использовать any (потеря типов) или писать отдельные функции для каждого типа. Generics же позволяют написать один универсальный код, который TypeScript проверяет на соответствие типов в каждом конкретном случае. Это повышает переиспользуемость и безопасность кода, особенно в сложных структурах данных, таких как стеки, очереди или React-компоненты с пропсами разных типов.