Type Alias для функций

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

Тренажер по TypeScript

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

Синтаксис: type MyFunc = (param: string) => number; — псевдоним типа для функции, принимающей строку и возвращающей число.

В этом онлайн-тренажере вы научитесь:

  • Создавать type alias для функций разной сложности
  • Применять alias к переменным и параметрам
  • Понимать структуру типа функции

Практические задания помогут освоить эту возможность TypeScript бесплатно.

Список тем

1. Создание type alias для функции

id: 40674_talias_01_replace

Дополните фрагмент кода на TypeScript, чтобы объявить псевдоним типа (type alias) для функции, которая принимает два числа и возвращает число. Заполните пропуски ключевым словом для объявления псевдонима типа, символом, разделяющим параметры и возвращаемый тип, и типом возвращаемого значения. После этого код должен корректно определять функцию сложения двух чисел.

Заполните пропуски
// Объявите type alias для функции сложения двух чисел
input1S MathOperation = (a: number, b: number) input2S input3S;

const add: MathOperation = (x, y) => x + y;
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

2. Сборка type alias

id: 40674_talias_02_build

Из предложенных строк соберите корректное объявление type alias для функции в TypeScript. Функция должна принимать два параметра: первый типа number, второй типа string, и возвращать значение типа boolean. В решении должны быть использованы только необходимые строки в правильном порядке, лишние строки (не соответствующие синтаксису type alias для функций) включать не нужно.

Перетяните в правильном порядке строки из одного блока в другой
type
MyFunc
=
(a: number, b: string)
=>
boolean
interface MyFunc {
function myFunc(a: number, b: string): boolean
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

3. Исправление ошибки в alias

id: 40674_talias_03_error

В этом фрагменте кода TypeScript допущена ошибка в объявлении type alias для функции. Исправьте строку с объявлением типа, чтобы код стал рабочим и корректно описывал сигнатуру функции.

Найдите ошибку и исправьте
type MathOperation = (a: number, b: number) -> number;
 
const add: MathOperation = (a, b) => a + b;
console.log(add(2, 3));
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

4. Результат вызова функции

id: 40674_talias_05_predict

Дан type alias MathOperation для функции, принимающей два числа и возвращающей число. Реализована функция myOperation, соответствующая этому типу. Проанализируйте код и определите, что будет выведено в консоль при вызове myOperation(3, 4). Выберите правильный результат из предложенных вариантов.

Выберите правильный вариант ответа
type MathOperation = (a: number, b: number) => number;

const myOperation: MathOperation = (x, y) => (x + y) * 2;

console.log(myOperation(3, 4));
Сообщения
Проверить
Показать подсказку

5. Разметка частей type alias

id: 40674_talias_06_highlight

Разметьте части объявления type alias для функции в TypeScript. Для каждого выделенного фрагмента укажите, является ли он ключевым словом type, именем alias, параметром функции, типом параметра или типом возвращаемого значения. Это упражнение поможет закрепить понимание структуры type alias для функций.

Кликните по каждому выделенному фрагменту и выберите для него подходящий тип из списка под текстом.
{{type~|~t1}} {{Formatter~|~t2}} = ({{input~|~t3}}: {{string~|~t4}}) => {{string~|~t5}};
Имя alias
Параметр
Ключевое слово type
Тип возврата
Тип параметра
Сообщения
Проверить
Показать подсказку

6. Элементы синтаксиса функций

id: 40674_talias_07_sort

Перед вами различные элементы синтаксиса TypeScript, связанные с объявлением функций и типов. Распределите их по двум категориям: «Входит в type alias функции» и «Не входит». Обратите внимание, что type alias для функции описывает её сигнатуру, включая параметры и тип возвращаемого значения, но не включает другие конструкции языка.

Перетяните элементы в соответствующие блоки
Входит в type alias функции
Не входит
type
=>
имя параметра
тип возврата
class
interface
implements
readonly
Сообщения
Проверить
Показать подсказку

TypeScript: компиляция и запуск

id: 40674_compiler

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

TS
Запустить тренажёр (TypeScript)
НайтиКурс.Ру