Javascript ES6 – #06. Arrow functions o funciones flecha

En el curso de Javascript I aprendimos varios conceptos sobre funciones, como la introducción a las funciones en este lenguaje de programación, o el concepto de funciones anónimas, muy relacionado con las funciones flecha o arrow functions que veremos en esta lección.

Las funciones flecha permiten definir de manera compacta una función convencional. Si la función tiene solamente una sentencia que devuelve un valor, el uso de funciones flecha nos permite eliminar las llaves y la palabra return. Incluso utilizando parámetros también podemos ver mucho más reducido el código.

La sintaxis básica de las funciones flecha o arrow functions sin parámetros es la siguiente:

() => { sentencias }

En una función con un solo parámetro podríamos prescindir de paréntesis:

(singleParam) => { sentencias } singleParam => { sentencias }

Y una función con más de un parámetro podríamos representarla como:

(param1, param2, …, paramN) => { sentencias }
(param1, param2, …, paramN) => expresion

¡Ojo! El uso de “this” es diferente en funciones flecha y en funciones convencionales. ¡Pero eso lo veremos en el curso intermedio de Javascript ES6!

Tweet

En este vídeo podrás ver cómo pasar de una función convencional a una función flecha fácilmente, tanto con parámetros como sin ellos.

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!