JavaScript 6 - methoden, nesten, functies declareren

                      JavaScript
1 / 12
next
Slide 1: Slide
InformaticaWOStudiejaar 4,5

This lesson contains 12 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 45 min

Items in this lesson

                      JavaScript

Slide 1 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

This item has no instructions

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

Slide 9 - Open question

This item has no instructions

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

Slide 10 - Open question

This item has no instructions

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 - Slide

This item has no instructions

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 - Slide

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.