Leerdoelen
- Objecten
- Properties
- Methods
thiskeyword in objecten
Waarom objecten in JS?
- Je hebt meer mogelijkheden: je kunt b.v. afbeeldingen:
- behalve een url
- ook hoogte, breedte,
- alt
- en afbeeldings-type meegeven; - Je kunt veel globale variabelen onderbrengen in een object.
Daarmee voorkom je dat er conflicten onstaan met andere scripts op de site.
Denk hierbij aan
- scripts van een library;
- ingevoegde widgets,
- een partner, die advertenties plaatst.
object properties - method
- regel 1: object
koning - regels 2-6: eigenschappen (properties):
naam(string)echtgenote(string)kinderen(array)geboortejaar(getal)url(string)
- regels 7-13: method
noemKinderen
this keyword in object
regel 9 &
regel 10
this verwijst naar het object koning
this.kinderen is dus de array in het object
koning
this verwijst dus naar het object waar het zelf in zit.
Opmerking
regel 8 zin is een locale variabele:
zin bestaat na de return in regel 12 niet meer
De opdrachten
- Demonstreer jouw object koning aan Theo
- Neem de opdracht modaal venster (lightbox)
- Pas het JavaScript aan zodat:
- er geen onnodige globale variabelen zijn;
- de functies als method zijn opgenomen - Commit jouw updates naar GitHub
- Update jouw site op hosts.ma-cloud
- Geef Theo de GitHub-link in zijn chat-kanaal als hij kan beoordelen
Videoinstructie
Nadat je hebt laten zien dat je met het modaalJS (kopieer daar de code uit de GIST) gewerkt hebt in de console.
Dit moet je wel laten aftekenen