#Arrow Functions
A partir de ECMAScript 2015 podemos escribir las funciones utilizando una nueva sintaxis más corta y elegante que las funciones tradicionales. Estas funciones no vinculan su propio this por lo que se puede acceder al _this _del bloque superior, a diferencia de las funciones convencionales donde se debe setear utilizando bind.
##Sintaxis
(firstParam, secondParam, …, lastParam) => { statements }
La utilización de los paréntesis, sin embargo, es opcional cuando se tiene un solo parámetro; de la misma forma, cuando la función cuenta con una sola instrucción podemos omitir las llaves y el return. Las siguientes formas de declarar una arrow function son equivalentes.
(a) => { return a }
a => { return a }
a => a
Las funciones sin argumentos hacen uso de forma obligatoria de los paréntesis, de la siguiente forma:
() => { statements }
() => { return statement }
() => statement
Otra diferencia es que siempre son anónimas, por lo que no tienen en principio un nombre. Pero tal como con cualquier función, se pueden asignar a una variable o constante.
//Arrow Function
const double = number => 2 * number
//Función tradicional
functiondouble(number) {
return2 * number
}
En lo personal, la sintaxis de una arrow function asignada a una constante (o variable) es mucho más elegante que la declaración de las funciones anteriores.
Fundamentos de JavaScript 2017
