Senior Frontend - javascript, html, css

Стрелочные функции в ES6



Их использование не только сокращает объем кода, но и имеет свои особенности, по сравнению со стандартными функциями.



Пример:

// раньше

var add = function(a, b) {

return a + b;

};



// сейчас

var add = (a, b) => a + b;



Особенности:

1. Можно опускать ключевое слово return и фигурные скобки, если ваша функция выполняет одну инструкцию.



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



Чаще всего анонимные стрелочные функции используются при итерациях по элементам массивов с методами map, forEach, reduce, filter и другими.