*Arrow Function* pertence ao [ECMAScript 2015][1], possuir uma sintaxe mais curta e vincula o valor *this* de maneira léxica.

> Uma expressão arrow function possui uma síntaxe mais curta quando
> comparada com expressões de função (function expressions) e vincula o
> valor de this de maneira léxica. Arrow functions sempre são anônimas.

Exemplo:

    var a = [
      "Hidrogenio",
      "Helio",
      "Litio",
      "Berilio"
    ];
    
    var a2 = a.map(function(s){ return s.length });
    
    var a3 = a.map( s => s.length );

Antes das *arrow functions* toda função definia seu próprio valor [this][1]. Este comportamento é importuno com um estilo de programação orientado a objeto.

Nessa [documentação][2] é possível encontrar mais exemplos entre os dois tipos.


  [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
  [2]: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Functions/Arrow_functions