Это функции стрелок

Также известны как функции Fat Arrow. Они представляют собой чистый и понятный способ записи функциональных выражений, например. function() {}.

Функции стрелок могут удалить необходимость function, return и {} при определении функций. [1]

var queue        = ['Dave', 'Sarah', 'Sharon'],
    nextCustomer = () => queue[0];

console.log(nextCustomer()); // 'Dave'

Пример: без параметров

var queue        = ['Dave', 'Sarah', 'Sharon'],
    nextCustomer = () => queue[0];

console.log(nextCustomer()); // 'Dave'

Если в одной и той же функции со стрелками необходимо выполнить несколько операторов, в этом примере вам нужно обернуть queue[0] в скобках кромки {}. В этом случае оператор возврата не может быть опущен.

Пример с 1 параметром

var queue       = ['Dave', 'Sarah', 'Sharon'],
    addCustomer = name => { queue.push(name) }

addCustomer('Toby');

console.log(queue); // ['Dave', 'Sarah', 'Sharon', 'Toby']

Вы можете опустить {} из приведенного выше.

Когда имеется один параметр, скобки () вокруг параметра могут быть опущены.

Пример с несколькими параметрами

var addition = (x, y) => x + y

console.log(addition(1, 5)); // 6

Полезный пример

var fruits = [
    {name: 'Apple', price: 2},
    {name: 'Bananna', price: 3},
    {name: 'Pear', price: 1}
];

Если бы мы хотели получить цену каждого плода в одном массиве, в ES5 мы могли бы сделать:

fruits.map(function(fruit) {
    return fruit.price;
}); // [2, 3, 1]

В ES6 с новыми функциями стрелок мы можем сделать это более кратким:

fruits.map(fruit => fruit.price); // [2, 3, 1]

Здесь можно найти дополнительную информацию о функциях стрелок здесь .

Совместимость браузера

• IE: не поддерживается, но
• Edge: 12+ (все версии)
• Firefox: 22 +
• Chrome: 45 +
• Safari: 10 +
• iOS Safari: 10.2 +
• Android Browser: 56 +

Дополнительную актуальную информацию можно найти в совместимости с браузером здесь