Aprovecha el precio especial

Antes:$249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comienza ahora

Termina en:

03d

20h

01m

32s

18

Arrow functions

#Arrow Functions

A partir de ECMAScript 2015 podemos escribir las funciones utilizando una nueva sintaxis más corta y elegante que las funciones tradicionales. Estas funciones no vinculan su propio this por lo que se puede acceder al _this _del bloque superior, a diferencia de las funciones convencionales donde se debe setear utilizando bind.

##Sintaxis

(firstParam, secondParam, …, lastParam) => { statements }

La utilización de los paréntesis, sin embargo, es opcional cuando se tiene un solo parámetro; de la misma forma, cuando la función cuenta con una sola instrucción podemos omitir las llaves y el return. Las siguientes formas de declarar una arrow function son equivalentes.

(a) => { return a }
a => { return a }
a => a

Las funciones sin argumentos hacen uso de forma obligatoria de los paréntesis, de la siguiente forma:

() => { statements }
() => { return statement }
() => statement 

Otra diferencia es que siempre son anónimas, por lo que no tienen en principio un nombre. Pero tal como con cualquier función, se pueden asignar a una variable o constante.

//Arrow Functionconst double = number => 2 * number//Función tradicionalfunctiondouble(number) {
    return2 * number
}

En lo personal, la sintaxis de una arrow function asignada a una constante (o variable) es mucho más elegante que la declaración de las funciones anteriores.

Escribe tu comentario
+ 2
1
2 meses

I am eagerly anticipating your further disclosure because I have been seeking this information for days.