JavaScript Klas-konstruktor
Voorbeeld
Skep 'n Car-klas, en skep dan 'n voorwerp genaamd "mycar" gebaseer op die Car-klas:
class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die constructor()
metode is 'n spesiale metode vir die skep en inisialisering van voorwerpe wat binne 'n klas geskep is.
Die constructor()
metode word outomaties genoem wanneer 'n klas geïnisieer word, en dit moet die presiese naam "konstruktor" hê; in werklikheid, as jy nie 'n konstruktormetode het nie, sal JavaScript 'n onsigbare en leë konstruktormetode byvoeg.
Let wel: 'n Klas kan nie meer as een constructor() metode hê nie. Dit sal 'n gooi SyntaxError
.
Jy kan die super()
metode gebruik om die konstruktor van 'n ouerklas te noem (sien "Meer voorbeelde" hieronder).
Blaaierondersteuning
constructor()
is 'n ECMAScript6 (ES6) kenmerk.
ES6 (JavaScript 2015) word in alle moderne blaaiers ondersteun:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
constructor()
word nie in Internet Explorer 11 (of vroeër) ondersteun nie.
Sintaksis
constructor(parameters)
Tegniese besonderhede
JavaScript weergawe: | ECMAScript 2015 (ES6) |
---|
Meer voorbeelde
Om 'n klaserfenis te skep, gebruik die extends
sleutelwoord.
'n Klas wat met 'n klasoorerwing geskep word, erf al die metodes van 'n ander klas:
Voorbeeld
Skep 'n klas met die naam "Model" wat die metodes van die "Car" klas sal erf:
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();
Die super()
metode verwys na die ouerklas.
Deur die super()
metode in die konstruktormetode te noem, roep ons die ouer se konstruktormetode en kry toegang tot die ouer se eienskappe en metodes.
Verwante bladsye
JavaScript-tutoriaal: JavaScript-klasse
JavaScript-tutoriaal: JavaScript ES6 (EcmaScript 2015)
JavaScript-verwysing: Die uitgebreide sleutelwoord
JavaScript-verwysing: Die super sleutelwoord