FUNCIONES ARROW EN JAVASCRIPT: CÓMO USARLAS CON EJEMPLOS

Hace un tiempo hablé de las funciones arrrow en php y ahora quiero explicar las funciones arrow en javascript proporcionan una sintaxis más concisa para escribir funciones. Son especialmente útiles para funciones cortas y de una sola línea. Las funciones arrow hacen que el código sea mucho más legible y claro de escribir, mejorando la productividad a la hora de escribir nuestro código. Sin embargo, también hay algunas diferencias más técnicas respecto a las funciones tradicionales. 
 // Basic arrow function
const add = (a, b) => {
  return a + b;
};
Matices de las funciones arrow
  • Si el cuerpo de la función sólo tiene una línea, podemos omitir las llaves ({}).
  • En ese caso, se hace un return implícito, por lo que podemos omitir también el return.
  • Si la función no tiene parámetros, se indica como en el ejemplo anterior: () =>.
  • Si la función tiene un solo parámetro, opcionalmente te puedes ahorrar los paréntesis: e =>.
  • Si la función tiene 2 ó más parámetros, se indican entre paréntesis: (a, b) =>.
  • Si queremos devolver un objeto, que coincide con la sintaxis de las llaves, se puede englobar con paréntesis: ({name: 'Pepe'}).
Ejemplos de lo comentado anteriormente:
// 0 parámetros: Devuelve "Función flecha"
const func = () => "Función flecha.";

// 1 parámetro:  Devuelve el valor de e + 1
const func = (e) => e + 1;

// 2 parámetros: Devuelve el valor de a + b
const func = (a, b) => a + b;