ecma script 6

Arrow Functions: Fácil Explicación (Javascript ES6)

Arrow Functions In JavaScript - Getting Started - YouTube

Arrow Functions

En vanilla Javascript utilizamos funciones de la siguiente manera, por ejemplo:

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

function names() {
    var friends = [‘juan’‘jose’‘leo’];
    return friends;
}
names(); // Output [‘juan’,’jose’,’leo’]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Ahora podemos reducir esto de esta forma:

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

const names = () => friends = [‘juan’,‘jose’,‘leo’];
names();

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Lo cual significa que: Ya no tenemos que escribir la palabra «function» para declarar la función, si utilizas python es algo muy relacionado. Si tenemos por ejemplo más de un parámetro tenemos que incluirlo como (param1,param2,param3).

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

También la palabra «return» no es necesario escribirla ya que es una de las optimizaciones de esta nueva sintaxis, es decir las arrow functions o funciones flecha ya retornan un valor por defecto.

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Si tenemos en cambio una función más sencilla podemos hacer esto:

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

// ANTES
function suma(ab) {
    c = a + b;
    console.log(c);
}
suma(13); // output: 4
// DESPUES
(ab=> c = a + bconsole.log(c);
(13); // output: 4

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Los parámetros dentro de los parentesis, todo en una linea, y al llamar a la función simplemente necesitamos los paréntesis con los valores.

Resumen: Las arrow functions optimizan la forma en como escribimos funciones.

Dejar un comentario

Tu dirección de correo electrónico no será publicada.