Стрелка ES6 работает за 1 минуту

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

Стрелочные функции также имеют отличную поддержку (за исключением IE).

Стрелочные функции, также называемые «жирными стрелочными функциями», позволяют нам писать краткий синтаксис, используя = ›вместо ключевого слова function.

let items [1,2,3,4,5];
//old syntax
items.forEach(function(item){console.log(item)});
//fat arrow functions
items.forEach((item) => {console.log(item);})
// even a step further with ES6
items.forEach(item => console.log(item);)
// another example 
//old syntax
let add = function(a,b){return a+ b}
//fat arrow
let add = (a,b) => {return a + b};
// even a step further with ES6 (implicit return)
let add = (a,b) => a + b;

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

Из документов:

Стрелочная функция не имеет своего собственного this; используется this значение включающего контекста выполнения.

В основном это означает, что стрелочные функции используют лексическую область видимости - «this» относится к текущей окружающей области видимости и не более того.

Чтобы получить подробное объяснение этого ключевого слова ES5 и ES6, ознакомьтесь с этой статьей Марии Диминской

Заключение

Вы не поверите, но теперь вы можете начать использовать стрелочные функции. Мы не охватили все за эту 1 минуту, но мы определенно покрыли достаточно, чтобы вы могли взяться за дело.