Método constructor de Class de JavaScript

Definición y uso

constructor() El método es un método especial utilizado para crear e inicializar los objetos que se crean en la clase.

Al inicializar la clase,constructor() El método se llamará automáticamente y debe usar el nombre exacto "constructor", de hecho, si no tiene un método constructor, JavaScript agregará un método constructor invisible.

Nota：Una clase no puede usar múltiples métodos constructor(). Esto lanzará SyntaxError.

Puedes usar super() métodos para llamar al método constructor de la clase padre (ver más ejemplos a continuación).

Instancia

Ejemplo 1

Crea una clase Car y luego crea un objeto llamado "mycar" basado en esta clase Car:

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

Prueba por tu cuenta

Ejemplo 2

Para crear herencia de clase, usa extends Palabra clave.

Las clases creadas mediante herencia de clase heredarán todos los métodos de otra clase.

Crea una clase llamada "Model" que heredará los métodos de la clase "Car":

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    devuelve 'Tengo un ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    devuelve this.present() + ', es un ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Prueba por tu cuenta

super() referenciamos la clase padre.

Al llamar al método en el constructor super() Métodos, llamaremos al método constructor de la clase padre y podremos acceder a las propiedades y métodos de la clase padre.

Sintaxis

constructor(parámetros)

Detalles técnicos

Versión de JavaScript： ECMAScript 2015 (ES6)

Compatibilidad del navegador

Método Chrome IE Firefox Safari Opera
constructor() 49.0 13.0 45.0 9.0 36.0

相关页面

JavaScriptTutorial：Clase de JavaScript

JavaScriptTutorial：JavaScript ES6 (EcmaScript 2015)

Manual de referencia de JavaScript:Palabra clave extends

Manual de referencia de JavaScript:Palabra clave super