Direct naar de hoofdinhoud
Module 4 · Les 1 van 413/32 in de cursus~10 min
Modulelessen (1/4)

Een functie declareren

Een functie is een herbruikbaar stukje code waaraan u een naam geeft. Je noemt het door argumenten door te geven, het bestuurt zijn lichaam en kan een waarde retourneren met return.

Klassieke verklaring

De meest voorkomende vorm is de functiedeclaratie:

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Dingen om op te merken:

  • nome is de parameter (een variabele die lokaal is voor de functie).
  • 'Anna' is het argument (de waarde die wordt doorgegeven tijdens het gesprek).
  • Zonder return retourneert de functie undefined.

Functie-expressie

Functies in JS zijn waarden: ze kunnen aan een variabele worden toegewezen.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

De twee vormen zijn vrijwel gelijkwaardig, met één belangrijk verschil:

  • functiedeclaratie is "gehesen": u kunt deze zelfs aanroepen vóór de regel waar deze in de code verschijnt.
  • functie-expressie volgt de regels van const/let: deze bestaat alleen na de toewijzing.

Geen expliciete return

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // no return → the function returns undefined
}

const r = logga('ciao'); // prints "[LOG] ciao"
r; // undefined

Probeer het

Oefening#js.m4.l1.e1
Pogingen: 0Laden…

Declareer een functie `greet(naam)` die de string `Ciao, <naam>!` retourneert. Roep het dan aan met 'Anna' en gebruik het resultaat als de laatste uitdrukking.

Editor laden…
Toon hint

functie begroet(naam) { return ... }

Oplossing beschikbaar na 3 pogingen

Oefening beoordelen

Oefening#js.m4.l1.e2
Pogingen: 0Laden…

Schrijf een functie-uitdrukking 'dubbel' die, gegeven een getal, het dubbele retourneert. Noem het met 7 als de laatste uitdrukking (verwacht 14).

Editor laden…
Toon hint

const double = functie (n) { return ... };

Oplossing beschikbaar na 3 pogingen