Las funciones flecha son simplemente atajos a funciones asignables o callbacks para mantener el contexto en el cual son llamadas sin hacer un .bind
explícito. Por ejemplo:
class A {
constructor () {
this.name = 'Letra A';
}
foo () {
setTimeout(function () {
console.log(this.name);
}, 3000);
}
}
new A().foo();
El ejemplo anterior muestra una de las problemáticas gracias a las cuales se propuso esta nueva notación para funciones. El código anterior imprime undefined
porque this
se refiere a window
y no a A
.
Lo anterior se soluciona en ES5 de la siguiente manera:
setTimeout(function () {
console.log(this.name);
}.bind(this), 3000);
A partir de ES6, con la llegada de las funciones flecha, la solución es más sencilla:
setTimeout(() => console.log(this.name), 3000);
Respondiendo a tu pregunta, la manera de iterar sobre un arreglo es la misma usando ES6:
let names = ['John', 'Martha', 'Leslie'];
names.forEach(name => console.log(name));