Понимание интерфейса «valueof».
Интерфейс «valueof» — это конструкция уровня типа, представленная в TypeScript 2.8. Он работает с типами объединения и извлекает членов объединения в новый тип. Это может быть особенно полезно при работе со сценариями, когда вам необходимо перебирать члены типа объединения или выполнять операции на основе отдельных членов.

Пример кода 1: извлечение значений типа объединения

type UnionType = "apple" | "banana" | "orange";
type ValuesOfUnion = UnionType[keyof UnionType]; // "apple" | "banana" | "orange"

В приведенном выше примере кода мы определяем тип объединения под названием UnionType, который представляет три фрукта. Используя операторы keyofи valueofвместе, мы извлекаем отдельные значения типа объединения и присваиваем их типу ValuesOfUnion. Теперь ValuesOfUnionпредставляет собой объединение всех возможных значений UnionType.

Пример кода 2: сопоставление значений типа объединения

type UnionType = "apple" | "banana" | "orange";
type CapitalizeFruits = { [K in UnionType]: string };

В этом примере кода мы используем возможности интерфейса «valueof» для создания сопоставленного типа с именем CapitalizeFruits. Используя ключевое слово in, мы перебираем значения UnionTypeи генерируем новый тип, в котором каждое значение пишется с заглавной буквы. Этот метод позволяет нам динамически преобразовывать значения типов объединения и создавать на их основе производные типы.

Пример кода 3. Выполнение операций над значениями типа объединения

type UnionType = "apple" | "banana" | "orange";
type ConcatenateFruits = `${UnionType} is a fruit.`;

Здесь мы используем литералы шаблона и интерфейс «valueof» для объединения строки с каждым значением UnionType. Результирующий тип ConcatenateFruitsпредставляет собой объединение строковых литералов, которые объединяют исходные значения фруктов с фиксированной строкой. Это позволяет нам выполнять операции и создавать новые типы на основе значений типа объединения.