Обобщения

Добро пожаловать на следующий урок! На этом уроке вы узнаете об обобщениях — мощной возможности TypeScript, которая позволяет создавать повторно используемые и типобезопасные компоненты. Давайте начнём!

Что такое обобщения?

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

Пример: обобщённая функция:

Задание: Напишите обобщённую функцию, которая принимает аргумент и возвращает его без изменений.

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

console.log(identity<string>("Hello")); 
// Output: Hello
console.log(identity<number>(42)); 
// Output: 42

Зачем нужны обобщения?

Обобщения помогают:

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

Совет: Используйте обобщения, чтобы писать более гибкий и удобный в сопровождении код.

Обобщённые функции

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

Задание: Напишите обобщённую функцию, которая объединяет два объекта и возвращает результат.

function merge<T, U>(obj1: T, obj2: U): T & U {
  return { ...obj1, ...obj2 };
}

let merged = merge({ name: "Alice" }, { age: 25 });
console.log(merged); 
// Output: { name: "Alice", age: 25 }

Обобщённые классы

Обобщения можно использовать в классах, чтобы сделать их повторно используемыми для разных типов. Пример:

class Box<T> {
  private contents: T;

  constructor(contents: T) {
    this.contents = contents;
  }

  getContents(): T {
    return this.contents;
  }
}

let stringBox = new Box<string>("Hello");
console.log(stringBox.getContents()); 
// Output: Hello

let numberBox = new Box<number>(42);
console.log(numberBox.getContents()); 
// Output: 42

Обобщённые интерфейсы

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

Задание: Определите обобщённый интерфейс и создайте объект, который его реализует.

interface Pair<T, U> {
  first: T;
  second: U;
}

let coordinates: Pair<number, number> = { first: 10, second: 20 };
console.log(coordinates); 
// Output: { first: 10, second: 20 }

Ограничения обобщений

Можно добавить ограничения к обобщениям, чтобы гарантировать их работу только с определёнными типами. Пример:

function printLength<T extends { length: number }>(item: T): void {
  console.log(`Length: ${item.length}`);
}

printLength("Hello"); 
// Output: Length: 5
printLength([1, 2, 3]); 
// Output: Length: 3
// printLength(42); 
// Error: Argument of type 'number' is not assignable to parameter of type '{ length: number }'.

Значения обобщений по умолчанию

Можно указать типы по умолчанию для обобщений, если тип не предоставлен. Пример:

Задание: Создайте обобщённую функцию с типом по умолчанию и проверьте её работу с разными типами.

function wrap<T = string>(value: T): T[] {
  return [value];
}

console.log(wrap("Hello")); // Output: ["Hello"]
console.log(wrap(42)); // Output: [42]

Отличная работа!

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