Стрелка 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 минуту, но мы определенно покрыли достаточно, чтобы вы могли взяться за дело.