Введение

TypeScript – это мощный расширенный набор JavaScript, позволяющий разработчикам писать типобезопасный код. Одной из ключевых особенностей, отличающих TypeScript от JavaScript, является поддержка общих функций. В этой статье мы погрузимся в мир универсальных функций TypeScript и рассмотрим различные методы и приемы, позволяющие использовать их возможности в вашем коде. Итак, хватайте свой любимый напиток и начнем!

1. Основная общая функция

Давайте начнем с простого примера универсальной функции. Универсальная функция — это функция, которая может работать с диапазоном типов. Вот как можно определить общую функцию в TypeScript:

function identity<T>(arg: T): T {
  return arg;
}

В приведенном выше коде T— это параметр типа, который представляет тип аргумента и возвращаемое значение. Используя T, мы можем создать функцию, работающую с любым типом.

1. Манипуляции с массивами

Общие функции могут быть особенно полезны при работе с массивами. Вот пример, демонстрирующий, как написать универсальную функцию для переворота массива:

function reverseArray<T>(arr: T[]): T[] {
  return arr.reverse();
}

В приведенном выше коде T[]представляет массив типа T. Это позволяет функции работать с массивами любого типа.

1. Ограничения типов

Иногда вам может потребоваться ограничить типы, которые можно использовать с универсальной функцией. TypeScript предоставляет способ обеспечить соблюдение ограничений типа с помощью ключевого слова extends. Вот пример:

interface Lengthy {
  length: number;
}
function logLength<T extends Lengthy>(arg: T): void {
  console.log(arg.length);
}

В приведенном выше коде T extends Lengthyгарантирует, что тип Tдолжен иметь свойство length. Это позволяет функции работать с любым объектом, имеющим свойство length.

1. Вывод типа

Вывод типа в TypeScript является мощным инструментом и часто позволяет определить аргументы типа для универсальных функций на основе предоставленных аргументов. Вот пример:

function getFirstElement<T>(arr: T[]): T {
  return arr[0];
}
const numbers = [1, 2, 3, 4, 5];
const firstNumber = getFirstElement(numbers); // TypeScript infers `number` as the type argument

В приведенном выше коде TypeScript определяет, что аргумент типа для getFirstElementравен numberна основе типа массива numbers.

1. Утилиты ввода

TypeScript предоставляет различные типы утилит, которые можно использовать с универсальными функциями для выполнения общих операций с типами. Вот несколько примеров:

• Partial<T>: создает новый тип, в котором все свойства Tустановлены как необязательные.
• Required<T>: Создает новый тип со всеми необходимыми свойствами T.
• Pick<T, K>: создает новый тип, выбирая набор свойств Kиз T.

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

Заключение

В этой статье мы изучили мир универсальных функций в TypeScript и изучили различные методы и приемы использования их возможностей в нашем коде. Мы рассмотрели основные универсальные функции, манипулирование массивами, ограничения типов, вывод типов и утилиты типов. Овладев универсальными функциями, вы сможете писать более гибкий и многократно используемый код, сохраняя при этом строгую типобезопасность.

Итак, приступайте к использованию универсальных функций в своих проектах TypeScript. Ваше будущее будет вам за это благодарно!