В этом уроке мы познакомимся с анонимными функциями. Они обычно используются вместе со стрелочными функциями в том же месте, где и определяются. Именно поэтому TypeScript может вывести типы их параметров.
Чтобы определить анонимные функции, указание типов опускают:
const fruits = ['banana', 'mango', 'apple'];
const upperFruits = fruits.map((name) => name.toUpperCase());
// ['BANANA', 'MANGO', 'APPLE']
Этот процесс называется контекстная типизация (contextual typing), потому что контекст определения функции позволяет вывести типы входных параметров. В итоге код выглядит так же, как код на JavaScript.
Если функция определяется вне контекста, то к ней применяются те же правила, что и к именованным функциям. Другими словами, типы параметров должны быть заданы во время определения:
const toUpper = (name: string): string => name.toUpperCase();
const upperFruits = fruits.map(toUpper);
В этом уроке мы рассмотрели способ определения анонимных функций и использование их в различных контекстах. Анонимные функции могут сделать код более читаемым и понятным.
Для полного доступа к курсу нужен базовый план
Базовый план откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, проектам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.
