08 - Javascript - functies

• ICT
• MBO
• Studiejaar 1-4

Functies in Javascript

Noem zoveel mogelijk onderwerpen die we al behandeld hebben met betrekking tot Javascript?

Leerdoel

Aan het einde van deze les kun je functies in Javascript uitleggen en voorbeeldcode schrijven.

Introduceer het leerdoel van de les.

Wat weet je al over functies in Javascript?

Functies

Functies zijn een manier om een blok code te groeperen en te hergebruiken. Ze kunnen worden aangeroepen door hun naam en kunnen parameters accepteren.

Leg uit wat functies zijn en wat hun rol is in Javascript.

Functies schrijven

Functies worden gedefinieerd met het keyword 'function', gevolgd door de naam van de functie en de parameters tussen haakjes. De code van de functie wordt tussen accolades geplaatst.

Geef een overzicht van de syntax van functies in Javascript.

Voorbeeldfunctie

function groet(naam) {

      return 'Hallo ' + naam;

}

Geef een voorbeeld van een eenvoudige functie en leg uit wat deze doet.

Functies aanroepen

Functies worden aangeroepen door hun naam te gebruiken, gevolgd door haakjes met eventuele parameters tussen haakjes. Het resultaat van de functie kan worden opgeslagen in een variabele.

Laat zien hoe functies worden aangeroepen en hoe het resultaat kan worden opgeslagen.

Voorbeeld aanroepen

var resultaat = groet('Peter');

function groet(naam) {

      return 'Hallo ' + naam;

}

Geef een voorbeeld van het aanroepen van de eerder gedefinieerde functie.

Return statement

De 'return' statement geeft de waarde terug die wordt geretourneerd door de functie. Als er geen 'return' statement is, wordt er 'undefined' geretourneerd.

Leg het belang uit van het 'return' statement en wat er gebeurt als het niet wordt gebruikt.

Voorbeeld met return statement

function som(a, b) {

      return a + b;

}

Laat een voorbeeld zien van een functie met een 'return' statement die de som van twee getallen berekent.

Scope

Scope bepaalt waar variabelen beschikbaar zijn. Variabelen die binnen een functie zijn gedefinieerd, zijn alleen beschikbaar binnen die functie.

Leg uit wat scope is en hoe het werkt in functies.

Voorbeeld van scope

function groet(naam) {

      let boodschap = 'Hallo ' + naam;

      return boodschap;

}

Laat een voorbeeld zien van een variabele die is gedefinieerd binnen een functie en leg uit waarom deze alleen beschikbaar is binnen de functie.

Oefening

Opdracht wordt gedeeld in teams

Wat is scope?

1. Scope bepaalt waar variabelen beschikbaar zijn
2. Scope bepaalt hoeveel regels code een functie mag hebben
3. Scope bepaalt hoe vaak een functie kan worden aangeroepen
4. Scope bepaalt hoeveel parameters een functie kan accepteren

Wat is het doel van de 'return' statement?

1. Het beëindigt de functie
2. Het geeft aan dat de functie een fout heeft
3. Het geeft de waarde terug die wordt geretourneerd door de functie
4. Het geeft aan dat de functie verder moet gaan met de volgende regel code

Hoe worden functies aangeroepen?

1. Door de parameters van de functie te gebruiken zonder haakjes
2. Door hun naam te gebruiken, gevolgd door haakjes met eventuele parameters tussen haakjes
3. Door de code van de functie te kopiëren en te plakken
4. Door hun naam te gebruiken zonder haakjes

Wat is een functie?

1. Een manier om variabelen te groeperen
2. Een manier om loops te groeperen
3. Een manier om objecten te groeperen
4. Een manier om een blok code te groeperen en te hergebruiken

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.