Què és la funció de fletxa?

Funció de fletxa {() =>} és una manera concisa d'escriure funcions JavaScript d'una manera més curta. Funcions de fletxa es van introduir a la versió ES6. Fan que el nostre codi sigui més estructurat i llegible.

Funcions de fletxa són funcions anònimes, és a dir, funcions sense nom, però sovint s'assignen a qualsevol variable. També s'anomenen Funcions Lambda .

Característiques de java 8

Sintaxi:

const gfg = () =>{ console.log('Hola Geek!'); }>

Els exemples següents mostren el funcionament de les funcions de fletxa a JavaScript.

caràcter a cadena

Funció de fletxa sense paràmetres

const gfg = () =>{ console.log('Hola de GeekforGeeks!'); } gfg();>>>  
  Sortida  
Hi from GeekforGeeks!>
  
    Funció de fletxa amb paràmetres    
Javascript 
const gfg = ( x, y, z ) =>{ console.log( x + y + z ) } gfg( 10, 20, 30 );>
   
  Sortida   
const gfg = ( x, y, z = 30 ) =>{ console.log( x + ' ' + i + ' ' + z); } gfg( 10, 20 );>
   
  Sortida  
10 20 30>
 
Les funcions de fletxa poden ser asíncrones prefixant l'expressió amb la paraula clau async.
async param =>expression async (param1, param2, ...paramN) => { sentències }>
    Avantatges de les funcions de fletxa    
Les funcions de fletxa redueixen la mida del codi.
La instrucció de retorn i els claudàtors de funció són opcionals per a funcions d'una sola línia.
Augmenta la llegibilitat del codi.
Les funcions de fletxa proporcionen una unió lèxica. Vol dir que hereten el valor d'això de l'àmbit adjunt. Aquesta característica pot ser avantatjosa quan es tracta d'oients d'esdeveniments o funcions de devolució de trucada on el valor d'això pot ser incert.
    Limitacions de les funcions de fletxa    
Les funcions de fletxa no tenen la propietat del prototip.
Les funcions de fletxa no es poden utilitzar amb la paraula clau nova.
Les funcions de fletxa no es poden utilitzar com a constructors.
Aquestes funcions són anònimes i és difícil depurar el codi.
Les funcions de fletxa no es poden utilitzar com a funcions generadores que utilitzen la paraula clau yield per retornar diversos valors al llarg del temps.
    Navegadors compatibles    
Chrome 45 i superior
Edge 12 i superior
Firefox 22 i superior
Opera 32 i superior
Safari 10 i superior