Leer Parameters en Retourwaarden

Veeg om het menu te tonen

Wanneer je een functie zoals calculateRectangleArea aanroept, geef je waarden door die argumenten worden genoemd. Deze argumenten worden doorgegeven aan de parameters van de functie, in dit geval width en height.


              123456
            
function calculateRectangleArea(width, height) {
  return width * height;
}

const area = calculateRectangleArea(5, 3);
console.log("The area of the rectangle is:", area);

Binnen de functie kun je deze parameters als variabelen gebruiken. Wanneer de functie haar berekening voltooit, gebruikt zij het sleutelwoord return om een waarde terug te sturen naar de plaats waar zij werd aangeroepen. Hier wordt width * height geretourneerd, dus wanneer je calculateRectangleArea(5, 3) aanroept, retourneert de functie 15, wat vervolgens wordt opgeslagen in de variabele area. De console.log-instructie drukt dit resultaat af zodat je het kunt zien.

Opmerking

Een functie kan slechts één waarde tegelijk retourneren, en zodra deze een return-instructie bereikt, stopt de uitvoering direct en verlaat de functie onmiddellijk. Als je geen gebruik maakt van return, retourneert de functie standaard undefined.

Functies kunnen ook standaardparameters hebben, dit zijn waarden die worden gebruikt als er geen argument voor een parameter wordt opgegeven. Dit maakt je functies flexibeler en voorkomt fouten als er een waarde ontbreekt. Je kunt ook return vroegtijdig in een functie gebruiken als aan een bepaalde voorwaarde wordt voldaan en je wilt stoppen voordat het einde is bereikt.

Bijvoorbeeld, je zou een functie als volgt kunnen schrijven:


              12345678910
            
function greet(name = "Guest") {
  if (!name) {
    return "No name provided.";
  }
  return "Hello, " + name + "!";
}

console.log(greet());
console.log(greet(""));
console.log(greet("Alice"));

Als je greet() zonder argument aanroept, wordt de standaardwaarde "Guest" gebruikt. Als je greet("") aanroept, stopt de functie direct en geeft "No name provided." terug. Deze aanpak helpt bij het afhandelen van verschillende scenario's en maakt je code eenvoudiger te onderhouden.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 10

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 1. Hoofdstuk 10