logo

TechCodeview

Puščične funkcije v JavaScriptu

Kaj je funkcija puščice?

Puščična funkcija {()=>} je jedrnat način pisanja funkcij JavaScript na krajši način. Puščične funkcije so bili predstavljeni v različici ES6. Zaradi njih je naša koda bolj strukturirana in berljiva.

Puščične funkcije so anonimne funkcije, tj. funkcije brez imena, vendar so pogosto dodeljene kateri koli spremenljivki. Imenujejo se tudi Lambda funkcije .



java zbirke

Sintaksa: 

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

Spodnji primeri prikazujejo delovanje puščičnih funkcij v JavaScriptu.

java ubežni znak

Puščična funkcija brez parametrov

Javascript 
const gfg = () =>{ console.log( 'Pozdravljeni od GeekforGeeks!' ); } gfg();>
Izhod 
Hi from GeekforGeeks!>

Puščična funkcija s parametri

Javascript 
const gfg = ( x, y, z ) =>{console.log(x + y + z)} gfg(10, 20, 30);>
Izhod 
60>

Puščična funkcija s privzetimi parametri

Javascript 
const gfg = ( x, y, z = 30 ) =>{ console.log( x + ' ' + y + ' ' + z); } gfg(10, 20);>
Izhod 
10 20 30>

Puščične funkcije so lahko asinhrone tako, da izrazu predpono dodate ključno besedo async.

async param =>izraz async (param1, param2, ...paramN) => { izjave }>

Prednosti puščičnih funkcij

  • Puščične funkcije zmanjšajo velikost kode.
  • Stavek vrnitve in funkcijski oklepaji so neobvezni za enovrstične funkcije.
  • Poveča berljivost kode.
  • Puščične funkcije zagotavljajo leksikalno to vezavo. To pomeni, da podedujejo vrednost tega iz obsega, ki ga obdaja. Ta funkcija je lahko koristna, ko imate opravka s poslušalci dogodkov ali funkcijami povratnega klica, kjer je vrednost tega lahko negotova.

Omejitve puščičnih funkcij

  • Puščične funkcije nimajo lastnosti prototipa.
  • Puščičnih funkcij ni mogoče uporabiti z novo ključno besedo.
  • Puščičnih funkcij ni mogoče uporabiti kot konstruktorje.
  • Te funkcije so anonimne in kodo je težko odpraviti.
  • Puščičnih funkcij ni mogoče uporabiti kot generatorskih funkcij, ki uporabljajo ključno besedo yield za vrnitev več vrednosti skozi čas.

Podprti brskalniki

  • Chrome 45 in novejši
  • Rob 12 in več
  • Firefox 22 in novejši
  • Opera 32 in novejše
  • Safari 10 in novejši