Javascript: Functies

Functies in 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');

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) { 

      var 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.

Anonieme functies

Anonieme functies zijn functies zonder naam. Ze worden vaak gebruikt als callback functies of als een manier om code direct uit te voeren.

Leg uit wat anonieme functies zijn en waarom ze nuttig zijn.

Voorbeeld van anonieme functie

var groet = function(naam) { 

      return 'Hallo ' + naam; 

}

Laat een voorbeeld zien van een anonieme functie die aan een variabele wordt toegewezen.

Functies als argumenten

Functies kunnen als argumenten aan andere functies worden doorgegeven, wat nuttig is bij het schrijven van hogere-orde functies.

Leg uit wat het betekent om functies als argumenten door te geven en waarom dit nuttig kan zijn.

Voorbeeld van functies als argumenten

function telBijElkaar(opgeteld, a, b) { 

      return opgeteld(a, b); 

}

Laat een voorbeeld zien van een functie die een andere functie als argument accepteert.

Callback functies

Een callback functie is een functie die wordt doorgegeven als een argument en later wordt aangeroepen door de functie waar deze aan is doorgegeven.

Leg uit wat een callback functie is en waarom deze nuttig kan zijn.

Wat is een callback functie?

1. Een functie die wordt doorgegeven als een argument en later wordt aangeroepen door de functie waar deze aan is doorgegeven
2. Een functie die geen parameters accepteert
3. Een functie die alleen binnen dezelfde scope kan worden aangeroepen
4. Een functie die alleen binnen een if statement kan worden aangeroepen

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

Voorbeeld van callback functie

function doeIets(callback) { 

      callback(); 

} 

doeIets(function() { console.log('Hallo'); });

Laat een voorbeeld zien van een callback functie die wordt doorgegeven als argument.

Schrijf 3 dingen op die je deze les hebt geleerd.

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.

Schrijf 2 dingen op waarover je meer wilt weten.

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.

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.