JavaScript 6 - methoden, nesten, functies declareren

                      JavaScript
1 / 12
suivant
Slide 1: Diapositive
InformaticaWOStudiejaar 4,5

Cette leçon contient 12 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 45 min

Éléments de cette leçon

                      JavaScript

Slide 1 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

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

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 9 - Question ouverte

Cet élément n'a pas d'instructions

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

Slide 10 - Question ouverte

Cet élément n'a pas d'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 - Diapositive

Cet élément n'a pas d'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 - Diapositive

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.