JS Programación

Introducción a las Arrow Functions – ES6

La nueva nomenclatura de las funciones en Java Script

Entre las novedades más significativas incorporadas en ECMAScript 6, se encuentran las Arrow Functions o Funciones Flecha.

Estas funciones reciben su nombre por su síntaxis en forma de flecha, y son una nueva forma más abreviada de escribir las funciones tradicionales.

¿Qué forma tienen?

Si una función tradicional se escribía de la siguiente forma:

En Arrow Function sería:

 

Y ¿cómo llegamos ahí? Te lo explicamos paso a paso.

Partimos de la función tradicional:

  1. Eliminamos la palabra clave function, y la sustituimos por una constante, const.

  2. Añadimos el símbolo «=» entre el nombre de la función y los parámetros, y tras éstos la famosa flecha:

  3. En los casos en los que, como en el ejemplo, tenga una única línea de código, puedo sustituir las llaves por los paréntesis:

  4. Además de eliminar el return y el «;» final (es opcional):

  5. Pudiendo por tanto ser escrito todo en la misma línea:

 

 

Compatibilidad con navegadoresg Tags.

Tabla extraída de developer.mozilla. Visitar para más información.

 

¿Te ha parecido interesante este artículo? ¡Compártelo!

 

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

Escribir comentario

Haz clic aquí para dejar tu comentario