Итак… наконец-то я научился писать функции. А теперь представляем стрелочные функции 😊

Стрелочные функции имеют более короткий синтаксис по сравнению с обычными функциями, так как словесную функцию можно полностью исключить. Я знаю целых восемь букв, хахаха, но подождите, это еще не все.

Основной синтаксис стрелочной функции — круглая скобка ( ) с параметром (x) внутри круглой скобки, за которым следует стрелка =›, за которой следуют фигурные скобки { }.

(x) =› {
// код
}

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

Чтобы продемонстрировать, я включил пример обычной функции в сравнении со стрелочной функцией. Оба синтаксиса возвращают один и тот же результат. Кстати, я присвоил функцию переменной в выражении стрелки, чтобы показать, что запуск add(x,y) будет делать одно и то же как в стрелочных, так и в обычных функциях. Для запуска замените параметры x и y на любое число, и функция сложит два значения. Также важно отметить, что функции стрелок могут поддерживаться не во всех браузерах. Лучше проверить перед использованием.

Ссылка

w3school