09 - Javascript - objects

• ICT
• MBO
• Studiejaar 1-4

Javascript: Objects

Wat is het doel van een functie in JavaScript?

1. Een functie maakt code leesbaarder door het gebruik van speciale tekens.
2. Een functie is een manier om variabelen te declareren.
3. Een functie maakt het mogelijk om een stuk code te hergebruiken.
4. Een functie is alleen nodig als je met externe API’s werkt.

Wat is de functie van het woord 'return' in een JavaScript functie

1. Het beëindigt de functie onmiddellijk.
2. Het retourneert een waarde vanuit de functie.
3. Het definieert de parameters van de functie.
4. Het is optioneel en heeft geen specifieke functie.

Leerdoel

Aan het einde van de les kun je JavaScript objecten begrijpen en toepassen in code.

Wat weet je al over JavaScript objecten?

Wat zijn JavaScript objecten?

• JavaScript objecten stellen ons in staat om complexe data te structureren en te manipuleren.

• JavaScript objecten zijn containers voor gerelateerde data en functionaliteit, en ze bestaan uit sleutel-waarde paren.

Eigenschappen en Methoden

Een JavaScript object 

kan eigenschappen 

bevatten zoals variabelen 

en methoden

  const auto = {

    merk: "Toyota",

    bouwjaar: 2022,

    kleur: "Blauw",

    startMotor() {

      console.log("Motor gestart!");

    },

    stopMotor() {

      console.log("Motor gestopt.");

    }

  };

  auto.startMotor(); // Start de motor van de auto

  auto.stopMotor(); // Stopt de motor van de auto

Objecten Maken

Je kunt nieuwe 

objecten maken met 

behulp van de object 

constructor of object 

initialisatie.

  // Objectconstructor gebruiken

  const persoonMetConstructor = new Object();

  // Eigenschappen toevoegen

  persoonMetConstructor.naam = "John";

  persoonMetConstructor.leeftijd = 30;

  persoonMetConstructor.beroep = "Programmeur";

  console.log(persoonMetConstructor);

  // Objectinitialisatie gebruiken

  const persoonMetInit = {

    naam: "Jane",

    leeftijd: 25,

    beroep: "Ontwerper"

  };

  console.log(persoonMetInit);

Toegang tot Eigenschappen

Met behulp van 

de punt-notatie 

of de haakjes-

notatie kun je 

eigenschappen 

van een object 

benaderen.

  const persoon = {

    naam: "Alice",

    leeftijd: 28

  };

  // Benaderen met de punt-notatie

  console.log(`Naam: ${persoon.naam}, Leeftijd: ${persoon.leeftijd}`);

  const persoon = {

    naam: "Bob",

    leeftijd: 35

  };

  // Benaderen met de haakjes-notatie

  console.log(`Naam: ${persoon['naam']}, Leeftijd: ${persoon['leeftijd']}`);

Opdracht

De opdracht wordt uitgedeeld via Teams

Samenvatting

JavaScript objecten zijn krachtige tools om data te organiseren en functionaliteit te creëren. Ze bestaan uit eigenschappen en methoden en kunnen op verschillende manieren worden gemaakt en benaderd.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

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.