es6

arrow-function

Bienvenido a la nueva serie de Javascript que estaremos publicando. En esta ocasión por ser la primera publicación se dará una breve introducción del nuevo último estándar del lenguaje llamado oficialmente ECMAScript 2015, o también conocido como ECMAScript 6.
ES6 una evolución del lenguaje JavaScript para dotarlo de características avanzadas que se echaban mucho en falta y que sí estaban disponibles en otros lenguajes populares:
  • Mejoras de sintaxis: parámetros por defecto, let…
  • Verdaderas clases para programación orientada a objetos
  • Promesas, para programación asíncrona
  • Mejoras en programación funcional: expresiones de flecha, iteradores, generadores…
por mencionar algunas.
Arrow Function: Dispone de una sintaxis más corta comparada con la expresión de función convencional y vincula contextualmente el valor de this. Estas funciones siempre son anónimas.
Función ordinaria
[code] <script>
var saludo = function(persona){
console.log(‘Bienvenido a bordo ‘ + persona + ‘!’);
};
</script>
[/code]
La misma función pero en Arrow function
[code] <script>
var saludo = (persona) => {console.log(‘Bienvenido a bordo ‘ + persona + ‘!’)};
</script>
[/code]
Ahora intentemos con uno de los nuevos métodos para arreglos, For each y utilizando funciones anónimas quedaría de la siguiente manera:
[code] <script>[‘Hiram’, ‘Pedro’, ‘María’].forEach(function (persona) { saludo(persona); });</script>
[/code]
De nuevo la misma función pero en Arrow function
[code] <script>[‘Hiram’, ‘Pedro’, ‘María’].forEach((persona) => { saludo(persona); });</script>
[/code]

Leave a Reply