Чем union-тип отличается от перегрузки функций (overloads), когда что использовать?

1️⃣ Как кратко ответить

Union-тип позволяет переменной принимать несколько типов значений, обеспечивая гибкость в работе с данными. Перегрузка функций (overloads) позволяет одной функции обрабатывать разные типы или количество аргументов, обеспечивая гибкость в вызове функций. Используйте union-тип, когда переменная может иметь несколько типов, и перегрузку функций, когда функция должна обрабатывать разные сигнатуры вызова.

2️⃣ Подробное объяснение темы

Union-тип и перегрузка функций — это два разных механизма, которые решают разные задачи в программировании на TypeScript и других языках, поддерживающих эти концепции.

Union-тип

Union-тип позволяет переменной принимать значения нескольких типов. Это полезно, когда переменная может содержать данные разных типов в зависимости от контекста. Например, переменная может быть числом или строкой.

Пример использования union-типа:

let value: string | number;
​
value = "Hello"; // Переменная принимает строку
value = 42;      // Переменная принимает число

• let value: string | number;: Объявление переменной value, которая может быть либо строкой, либо числом.
• value = "Hello";: Присваивание строкового значения переменной value.
• value = 42;: Присваивание числового значения переменной value.

Union-типы полезны, когда вы хотите, чтобы переменная могла принимать несколько типов значений, но не хотите использовать any, который отключает проверку типов.

Перегрузка функций (overloads)

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

Пример перегрузки функций:

function combine(input1: string, input2: string): string;
function combine(input1: number, input2: number): number;
function combine(input1: any, input2: any): any {
  if (typeof input1 === "string" && typeof input2 === "string") {
    return input1 + input2; // Конкатенация строк
  }
  if (typeof input1 === "number" && typeof input2 === "number") {
    return input1 + input2; // Сложение чисел
  }
}
​
const result1 = combine("Hello, ", "world!"); // Возвращает "Hello, world!"
const result2 = combine(10, 20);              // Возвращает 30

• function combine(input1: string, input2: string): string;: Первая сигнатура функции combine, принимающая две строки и возвращающая строку.
• function combine(input1: number, input2: number): number;: Вторая сигнатура функции combine, принимающая два числа и возвращающая число.
• function combine(input1: any, input2: any): any { ... }: Реализация функции, которая обрабатывает входные данные в зависимости от их типа.
• if (typeof input1 === "string" && typeof input2 === "string") { ... }: Проверка, что оба аргумента — строки, и выполнение конкатенации.
• if (typeof input1 === "number" && typeof input2 === "number") { ... }: Проверка, что оба аргумента — числа, и выполнение сложения.

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

Когда что использовать:

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