Pijl-functie

Pijlfuncties zijn een compactere syntaxis voor het schrijven van functies. Ideaal voor terugbellen en korte functies.

Basissyntaxis

// classic function
const somma = function (a, b) {
  return a + b;
};

// equivalent arrow
const somma2 = (a, b) => {
  return a + b;
};

// arrow with implicit return (concise body, no braces)
const somma3 = (a, b) => a + b;

De drie vormen zijn gelijkwaardig. De derde is de meest "JavaScript-y".

Wanneer je beugels achterwege kunt laten en terug kunt brengen

Als de hoofdtekst een enkele expressie is:

const quadrato = (n) => n * n;
const isAdult = (eta) => eta >= 18;
const saluto = (nome) => `Ciao, ${nome}!`;

Als je in plaats daarvan meerdere instructies nodig hebt, heb je accolades en een expliciete return nodig:

const descrivi = (n) => {
  const parita = n % 2 === 0 ? 'pari' : 'dispari';
  return `${n} è ${parita}`;
};

Eén parameter: optionele haakjes

const triplo = (n) => n * 3;
const triplo2 = (n) => n * 3; // this is fine too

Bij nul of twee+ parameters zijn haakjes verplicht:

const ora = () => Date.now();
const min = (a, b) => (a < b ? a : b);

Probeer het

Oefening#js.m4.l2.e1

Pogingen: 0Laden…

Herschrijf deze functie als een pijlfunctie met impliciete return: `function square(n) { return n * n; }`. Wijs het toe aan het const `vierkant` en noem het met 5 (verwacht 25).

Editor laden…

Toon hint

const kwadraat = (n) => n * n;

Oplossing beschikbaar na 3 pogingen

Oefening beoordelen

Oefening#js.m4.l2.e2