Вместо того чтобы сразу погружаться в теорию, рассмотрим практический пример.
Требования
1. Необходимо создать функцию, которая возвращает одну из 3 фигур (квадрат, прямоугольник или круг).
2. Функция должна принимать только соответствующие параметры.
3. Параметры для каждой фигуры разные, и они следующие:
▪️круг: радиус (“radius”);
▪️квадрат: размер (“size”);
▪️прямоугольник: высота и ширина (“height & width”).
Один из самых простых способов сделать это в TypeScript — создать тип следующим образом:
type CustomShapeProps = {
kind: "square" | "rectangle" | "circle";
size?: number;
width?: number;
height?: number;
radius?: number;
};Это рабочий вариант, но замечаете ли вы какие-нибудь изъяны в приведенном коде? Посмотрите на следующий GIF-файл, чтобы увидеть, как будет функционировать код, использующий этот тип:
📌 Читать
@javascriptv