Space of React

TypeScript Дженерики для начинающих

0/23

Дженерик класс и метод — TypeScript Дженерики для начинающих | Max Roslow | Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Задание

Дженерик класс и метод

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

В задании класс-контейнер, у которого есть метод map, преобразующий содержимое:

export class Box {
  constructor(private value: string) {}

  get(): string {
    return this.value;
  }

  map(fn: (value: string) => string): Box {
    return new Box(fn(this.value));
  }
}

export const nameLength = new Box("Макс").map((name) => name.length).get();

Ошибка: «Type 'number' is not assignable to type 'string'». Колбэк возвращает длину, а map требует строку. Класс жёстко привязан к строкам: и хранит только их, и превращает только в них.

Здесь две разные неизвестные с разной областью жизни. Тип содержимого живёт вместе с экземпляром: какое значение передали в конструктор, такое и лежит в коробке. А тип результата map появляется только в момент вызова и у каждого вызова свой. Значит, один параметр нужен классу, другой методу.

Подробнее: Generic Classes — справочник TypeScript.

Задание

Сделай Box дженерик-классом, у которого тип содержимого выводится из конструктора, а map принимает колбэк с любым типом результата и возвращает коробку этого нового типа. nameLength должен стать number. Вызов менять не нужно.