Space of React

TypeScript для начинающих

0/23

Тип функции — TypeScript для начинающих | Max Roslow | Space of React

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

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

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

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

Задание

Тип функции

Функция это такое же значение, как число или объект, и у неё тоже может быть свой именованный тип. Записывается он похоже на стрелочную функцию, только вместо тела стоит тип результата:

type Compare = (a: number, b: number) => number;

В задании такого описания нет:


export type Handler = any;

export const onClick: Handler = (event: string) => {
  console.log("Клик:", event);
};

// @ts-expect-error Handler должен принимать строку, а не число
onClick(123);

Здесь стоит обратить внимание на комментарий @ts-expect-error. Он говорит компилятору: «на следующей строке обязана быть ошибка». Если ошибки нет, компилятор ругается уже на сам комментарий («Unused '@ts-expect-error' directive»). Сейчас происходит именно это: с типом any вызов onClick(123) абсолютно легален, и директива оказывается лишней.

То есть задание проверяется с двух сторон: правильно описанный тип обязан принимать строку и обязан отвергать число.

Про типы функций: Function Type Expressions — справочник TypeScript.

Задание

Опиши Handler как тип функции-обработчика: она принимает один параметр event типа строка и ничего не возвращает. Строку с @ts-expect-error и вызов под ней менять не нужно, они должны остаться на месте.