logo

TechCodeview

Pijlfuncties in JavaScript

Wat is de pijlfunctie?

Pijlfunctie {()=>} is een beknopte manier om JavaScript-functies op een kortere manier te schrijven. Pijlfuncties werden geïntroduceerd in de ES6-versie. Ze maken onze code gestructureerder en leesbaarder.

Pijlfuncties zijn anonieme functies, d.w.z. functies zonder naam, maar ze worden vaak aan een willekeurige variabele toegewezen. Ze worden ook wel genoemd Lambda-functies .

de cijfers van het alfabet

Syntaxis: 



const gfg = () =>{ console.log( 'Hallo nerd!'); }>

De onderstaande voorbeelden tonen de werking van de Pijl-functies in JavaScript.

Pijlfunctie zonder parameters

Javascript 
const gfg = () =>{ console.log( 'Hallo van GeekforGeeks!'); } gfg();>
Uitvoer 
Hi from GeekforGeeks!>

Pijlfunctie met parameters

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

Pijlfunctie met standaardparameters

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

Pijlfuncties kunnen asynchroon zijn door de expressie vooraf te laten gaan met het trefwoord asynchroon.

async param =>expressie async (param1, param2, ...paramN) => { instructies }>

Voordelen van pijlfuncties

  • Pijlfuncties verkleinen de code.
  • De return-instructie en functiehaakjes zijn optioneel voor functies met één regel.
  • Het vergroot de leesbaarheid van de code.
  • Pijlfuncties zorgen voor een lexicale binding. Het betekent dat ze de waarde hiervan erven van de omhullende reikwijdte. Deze functie kan van voordeel zijn bij het omgaan met gebeurtenislisteners of callback-functies waarbij de waarde hiervan onzeker kan zijn.

Beperkingen van pijlfuncties

  • Pijlfuncties hebben niet de eigenschap prototype.
  • Pijlfuncties kunnen niet worden gebruikt met het nieuwe trefwoord.
  • Pijlfuncties kunnen niet als constructors worden gebruikt.
  • Deze functies zijn anoniem en het is moeilijk om de code te debuggen.
  • Pijlfuncties kunnen niet worden gebruikt als generatorfuncties die het trefwoord yield gebruiken om in de loop van de tijd meerdere waarden te retourneren.

Ondersteunde browsers

  • Chroom 45 en hoger
  • Rand 12 en hoger
  • Firefox 22 en hoger
  • Opera 32 en hoger
  • Safari 10 en hoger