JavaScript Class constructor method

Definitie en gebruik

constructor() Een methode is een speciale methode die wordt gebruikt om objecten te creëren en initialiseren die in een klasse zijn gecreëerd.

Bij het initialiseren van een klasseconstructor() De methode wordt automatisch aangeroepen en moet de exacte naam "constructor" gebruiken. Als je geen constructiemethode hebt, voegt JavaScript een onzichtbare lege constructiemethode toe.

Opmerking:Een klasse kan geen meerdere constructor() methoden gebruiken. Dit zal een SyntaxError.

Je kunt super() Methoden om de constructor van de ouderklasse aan te roepen (zie hieronder voor meer voorbeelden).

Instantie

Voorbeeld 1

Maak een "Car" klasse en maak vervolgens een object "mycar" op basis van deze "Car" klasse:

class Car {
  constructor(brand) {  // Constructor
    this.carname = brand;
  }
}
mycar = new Car("Ford");

Probeer het zelf uit

Voorbeeld 2

Om klasse-erfgenamen te maken, gebruik dan extends Sleutelwoorden.

Klassen die door klasse-erfgenamen worden gemaakt, erfgenemen alle methoden van een andere klasse.

Maak een klasse genaamd "Model" aan die de methoden van de "Car" klasse overneemt:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'Ik heb een ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', het is een ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Probeer het zelf uit

super() de methode van de ouderklasse te refereren.

Door in de constructor aan te roepen super() Method, we roepen de constructor van het ouderklasse aan en kunnen de eigenschappen en methoden van de ouderklasse benaderen.

Syntax

constructor(parameters)

Technische details

JavaScript Versie: ECMAScript 2015 (ES6)

Browserondersteuning

Methode Chrome IE Firefox Safari Opera
constructor() 49.0 13.0 45.0 9.0 36.0

Gerelateerde pagina's

JavaScript Handleiding:JavaScript class

JavaScript Handleiding:JavaScript ES6 (EcmaScript 2015)

JavaScript reference manual:extends keyword

JavaScript reference manual:super keyword