JavaScript 6 - methoden, nesten, functies declareren

                      JavaScript
1 / 12
volgende
Slide 1: Tekstslide
InformaticaWOStudiejaar 4,5

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

time-iconLesduur is: 45 min

Onderdelen in deze les

                      JavaScript

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Fundament
Kerndomein D. Programmeren

Ontwikkelen met JavaScript (JS)
Hoofdstuk 5.4 tot en met 5.6
https://fundament-online.nl/leeromgeving/hoofdstuk.php?id=10560


Slide 2 - Tekstslide

Deze slide heeft geen instructies

Leerdoelen:
Je kunt na deze les:
  • een functie herkennen die ook een methode is
  • beschrijven wat het nesten van functies is
  • uitleggen wanneer je functies zou willen nesten
  • zelf op papier een simpele functie schrijven

Slide 3 - Tekstslide

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.
Functies: methoden?
Sommige functies in JS zijn methoden, en sommige niet... vergelijk:
prompt("Hoe heet je?")
var.toUpperCase()

prompt() staat "op zichzelf", terwijl .toUpperCase() wordt toegepast op iets dat ervoor staat (var hierboven)

Slide 4 - Tekstslide

Deze slide heeft geen instructies

object
Het object kan van alles zijn, zoals bijvoorbeeld een lijst, een variabele, een string, een integer, een dictionary, een class, etc, etc...

var = "abc";
var.toUpperCase();

Slide 5 - Tekstslide

Deze slide heeft geen instructies

methoden
JavaScript heeft zgn. methoden
Bij een methode staat er iets voor, soms een object, soms iets anders (of een object met iets anders), zoals:
  • string.toLowerCase()
  • array.append()
  • object.toString()
  • number.toFixed()

Slide 6 - Tekstslide

Deze slide heeft geen instructies

nesten van functies
Eerder zagen we dat JS weakly typed was, en toen gebruikten we de functie Number() bij het voorbeeld om de prompt() output van string om te zetten naar een getal
Daarbij gebruikten we zgn. nesting

Nesten is hier als je een functie binnen een andere zet:
Number( prompt"hallo" ) )

Slide 7 - Tekstslide

Deze slide heeft geen instructies

functies
We hebben ondertussen al meerdere functies als voorbeeld gezien ... maar wat is daarvan blijven hangen in je hoofd?

Op de volgende slide staat een opdracht voor het schrijven van een functie, doe hiervoor zoveel mogelijk je best!

We willen eventuele denkfouten zien zitten!

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Schrijf een JS functie "vraag"
die de gebruiker vraagt
om een getal
timer
3:00

Slide 9 - Open vraag

Deze slide heeft geen instructies

Schrijf een JS functie "optellen"
met 2 parameters die deze parameters optelt en teruggeeft
timer
3:00

Slide 10 - Open vraag

Deze slide heeft geen instructies

pseudo code
Eerder dit jaar hebben we al pseudo code behandeld
Pseudo code is heel handig voor beginnende programmeurs
Het geeft je namelijk houvast en structuur als de code lastiger leesbaar wordt

Je gebruikt pseudo code om het probleem in deelproblemen op te delen

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Leerdoelen:
Je kunt nu:
  • een functie herkennen die ook een methode is
  • beschrijven wat het nesten van functies is
  • uitleggen wanneer je functies zou willen nesten
  • zelf op papier een simpele functie schrijven

Slide 12 - Tekstslide

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.