JavaScript-klassenconstructor
Voorbeeld
Maak een Car-klasse en maak vervolgens een object met de naam "mycar" op basis van de Car-klasse:
class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De constructor()methode is een speciale methode voor het maken en initialiseren van objecten die binnen een klasse zijn gemaakt.
De constructor()methode wordt automatisch aangeroepen wanneer een klasse wordt gestart en moet de exacte naam "constructor" hebben. Sterker nog, als je geen constructormethode hebt, zal JavaScript een onzichtbare en lege constructormethode toevoegen.
Opmerking: een klasse kan niet meer dan één constructor()-methode hebben. Dit zal een SyntaxError.
U kunt de super()methode gebruiken om de constructor van een bovenliggende klasse aan te roepen (zie "Meer voorbeelden" hieronder).
Browserondersteuning
constructor()is een ECMAScript6 (ES6)-functie.
ES6 (JavaScript 2015) wordt ondersteund in alle moderne browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
constructor()wordt niet ondersteund in Internet Explorer 11 (of eerder).
Syntaxis
constructor(parameters)
Technische details
| JavaScript-versie: | ECMAScript 2015 (ES6) |
|---|
Meer voorbeelden
Gebruik het extends
trefwoord om een klasse-overerving te maken.
Een klasse die is gemaakt met een klasse-overerving, erft alle methoden van een andere klasse:
Voorbeeld
Maak een klasse met de naam "Model" die de methoden van de klasse "Car" erft:
class Car {
constructor(brand) {
this.carname =
brand;
}
present() {
return 'I have a ' + this.carname;
}
}
class Model extends Car {
constructor(brand, mod) {
super(brand);
this.model = mod;
}
show() {
return this.present() + ', it is a ' + this.model;
}
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML
= mycar.show();
De super()methode verwijst naar de bovenliggende klasse.
Door de super()methode aan te roepen in de constructormethode, roepen we de constructormethode van de ouder aan en krijgen we toegang tot de eigenschappen en methoden van de ouder.
Gerelateerde pagina's
JavaScript-zelfstudie: JavaScript-klassen
JavaScript-zelfstudie: JavaScript ES6 (EcmaScript 2015)
JavaScript-referentie: het uitgebreide trefwoord
JavaScript-referentie: het superzoekwoord