Каким образом можно использовать стрелочные функции (arrow functions) в TypeScript?

Пользователь

от rodrigo_renner , в категории: Компьютерные технологии , 8 месяцев назад

Каким образом можно использовать стрелочные функции (arrow functions) в TypeScript?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от carrie , 8 месяцев назад

@rodrigo_renner 

Определение стрелочных функций в TypeScript очень похоже на определение в JavaScript. Однако, TypeScript позволяет указывать типы данных параметров и тип возвращаемого значения функции.


Синтаксис определения стрелочной функции в TypeScript:

1
2
3
(parameter1: type1, parameter2: type2, ) => returnType {
    // код функции
}


Пример использования стрелочной функции в TypeScript:

1
2
3
let sum = (x: number, y: number): number => x + y;

console.log(sum(4, 5)); // 9


Также, можно использовать сокращенный синтаксис без указания фигурных скобок и оператора return:

1
2
3
let sum = (x: number, y: number): number => x + y;

console.log(sum(4, 5)); // 9


Также, стрелочные функции могут быть использованы как коллбэки при работе с асинхронным кодом:

1
2
3
4
const getData = (url: string, callback: (response: any) => void) => {
    // функция запроса на сервер
    fetch(url).then(res => callback(res));
};


Здесь параметр "callback" описывается как функция принимающая один параметр типа "any" и не возвращающая ничего.