Javascript: Functies

Functies in Javascript
1 / 26
volgende
Slide 1: Tekstslide

In deze les zitten 26 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

Functies in Javascript

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

Slide 2 - Tekstslide

Introduceer het leerdoel van de les.
Wat weet je al over functies in Javascript?

Slide 3 - Woordweb

Deze slide heeft geen instructies

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.

Slide 4 - Tekstslide

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.

Slide 5 - Tekstslide

Geef een overzicht van de syntax van functies in Javascript.
Voorbeeldfunctie
function groet(naam) { 
      return 'Hallo ' + naam; 
}

Slide 6 - Tekstslide

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.

Slide 7 - Tekstslide

Laat zien hoe functies worden aangeroepen en hoe het resultaat kan worden opgeslagen.
Voorbeeld aanroepen
var resultaat = groet('Peter');

Slide 8 - Tekstslide

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.

Slide 9 - Tekstslide

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; 
}

Slide 10 - Tekstslide

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.

Slide 11 - Tekstslide

Leg uit wat scope is en hoe het werkt in functies.
Voorbeeld van scope
function groet(naam) { 
      var boodschap = 'Hallo ' + naam; 
      return boodschap; 
}

Slide 12 - Tekstslide

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.

Slide 13 - Tekstslide

Leg uit wat anonieme functies zijn en waarom ze nuttig zijn.
Voorbeeld van anonieme functie
var groet = function(naam) { 
      return 'Hallo ' + naam; 
}

Slide 14 - Tekstslide

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.

Slide 15 - Tekstslide

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); 
}

Slide 16 - Tekstslide

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.

Slide 17 - Tekstslide

Leg uit wat een callback functie is en waarom deze nuttig kan zijn.
Wat is een callback functie?
A
Een functie die wordt doorgegeven als een argument en later wordt aangeroepen door de functie waar deze aan is doorgegeven
B
Een functie die geen parameters accepteert
C
Een functie die alleen binnen dezelfde scope kan worden aangeroepen
D
Een functie die alleen binnen een if statement kan worden aangeroepen

Slide 18 - Quizvraag

Deze slide heeft geen instructies

Wat is scope?
A
Scope bepaalt waar variabelen beschikbaar zijn
B
Scope bepaalt hoeveel regels code een functie mag hebben
C
Scope bepaalt hoe vaak een functie kan worden aangeroepen
D
Scope bepaalt hoeveel parameters een functie kan accepteren

Slide 19 - Quizvraag

Deze slide heeft geen instructies

Wat is het doel van de 'return' statement?
A
Het beëindigt de functie
B
Het geeft aan dat de functie een fout heeft
C
Het geeft de waarde terug die wordt geretourneerd door de functie
D
Het geeft aan dat de functie verder moet gaan met de volgende regel code

Slide 20 - Quizvraag

Deze slide heeft geen instructies

Hoe worden functies aangeroepen?
A
Door de parameters van de functie te gebruiken zonder haakjes
B
Door hun naam te gebruiken, gevolgd door haakjes met eventuele parameters tussen haakjes
C
Door de code van de functie te kopiëren en te plakken
D
Door hun naam te gebruiken zonder haakjes

Slide 21 - Quizvraag

Deze slide heeft geen instructies

Wat is een functie?
A
Een manier om variabelen te groeperen
B
Een manier om loops te groeperen
C
Een manier om objecten te groeperen
D
Een manier om een blok code te groeperen en te hergebruiken

Slide 22 - Quizvraag

Deze slide heeft geen instructies

Voorbeeld van callback functie
function doeIets(callback) { 
      callback(); 

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

Slide 23 - Tekstslide

Laat een voorbeeld zien van een callback functie die wordt doorgegeven als argument.
Schrijf 3 dingen op die je deze les hebt geleerd.

Slide 24 - Open vraag

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.

Slide 25 - Open vraag

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.

Slide 26 - Open vraag

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.