Begrip: Arrow functions

Een arrow function of (lambda function) is een compacte alternatief voor traditionele functies. Ze worden vaak gebruikt voor korte functies of als argumenten voor hogere-orde functies zoals map, filter en reduce.

Arrow functies hebben geen eigen this context, wat betekent dat ze de this waarde van de omliggende scope overnemen. Zie hoofdstuk 3 voor meer informatie over this.

// Klassieke functie
function foo() {
  return 'Hello Foo'
}

// Arrow functie op één lijn.
// Geen return nodig, een one-line array functie
// geeft het resultaat automatisch terug.
const bar = () => 'Hello Bar'

// Arrow functie met meerdere statements.
const baz = () => {
  const message = 'Hello Baz'
  // Een multi-line arrow functie heeft een
  // return statement nodig (als je iets wilt teruggeven).
  return message
}

Arrow functies kunnen nul, geen of meerdere parameters hebben. In het geval er nul of meerdere parameters zijn, moeten deze tussen ronde haakjes staan.

// Geen parameters --> lege haakjes
const functionName = () => expression

// Eén parameter --> geen haakjes nodig
const functionName = () => expression

// Meerdere parameters --> haakjes nodig
const functionName = (param1, paramN) => expression