Стрелочные функции в JavaScript — это краткий способ написания функций. Представленные в ES6, они предлагают более понятный синтаксис, особенно при использовании в качестве функций обратного вызова.

Стрелочная функция — это более короткий способ записи функционального выражения:

// Traditional function
function add(a, b) {
 return a   b;
}

// Arrow function
const add = (a, b) => a   b;

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

Кроме того, они допускают неявный возврат в отдельных выражениях, устраняя необходимость в ключевом слове return.

Еще одной ключевой особенностью стрелочных функций является их лексическое значение this, то есть у них нет собственного контекста this.

Это делает их особенно полезными для обратных вызовов:

// Traditional function
setTimeout(function() {
 console.log('Hello, World!');
}, 1000);

// Arrow function
setTimeout(() => console.log('Hello, World!'), 1000);

Стрелочные функции делают ваши обратные вызовы более понятными и менее многословными. Поскольку нет проблем с привязками, о которых стоит беспокоиться, они зачастую являются лучшим выбором.