𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗼𝗿 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗼𝗿 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀

Een constructorfunctie is een blauwdruk voor objecten. Gebruik het om veel objecten met dezelfde structuur te maken.

Hoe het werkt:

Je gebruikt het new-trefwoord om een constructorfunctie aan te roepen. Dit proces doet vier dingen:

• Het maakt een leeg object aan.
• Het zorgt ervoor dat this naar dat nieuwe object verwijst.
• Het voert de code binnen de functie uit.
• Het geeft het nieuwe object terug.

Voorbeeldcode:

function Employee(name, salary) {
    this.name = name;
    this.salary = salary;
}

const emp1 = new Employee("Saravanan", 50000);

Regels om te volgen:

• Begin functienamen met een hoofdletter.
• Gebruik this om eigenschappen aan het nieuwe object toe te wijzen.

De rol van this:

Binnen een constructor verwijst this naar het specifieke object dat je aan het maken bent. Bijvoorbeeld: this.name = name wijst de waarde van de parameter toe aan de eigenschap van het object.

Methoden toevoegen:

Je kunt functies binnen een constructor toevoegen, zodat elk object ze kan gebruiken.

function Employee(name, salary) {
    this.name = name;
    this.salary = salary;
    this.displayInfo = function() {
        console.log(this.name + " earns " + this.salary);
    };
}

Geheugenefficiëntie:

Als je methoden rechtstreeks aan de constructor toevoegt, krijgt elk object een eigen kopie. Dit verbruikt meer geheugen.

Gebruik in plaats daarvan de prototype. Door een methode aan de prototype toe te voegen, wordt één enkele kopie gedeeld door alle objecten.

Employee.prototype.greet = function() {
    console.log("Hello " + this.name);
};

Samenvatting:

• Gebruik object-literals voor een enkel object.
• Gebruik constructorfuncties voor meerdere objecten met dezelfde vorm.

Source: https://www.w3schools.com/js/js_object_constructors.asp Source: https://www.geeksforgeeks.org/javascript/javascript-function-constructor/ Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function

Post link: https://dev.to/dev_saravanan_journey/javascript-constructor-functions-k6k