Constructor de clases de JavaScript
Ejemplo
Cree una clase Car y luego cree un objeto llamado "mycar" basado en la clase Car:
class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El constructor()
método es un método especial para crear e inicializar objetos creados dentro de una clase.
El constructor()
método se llama automáticamente cuando se inicia una clase, y debe tener el nombre exacto "constructor", de hecho, si no tiene un método constructor, JavaScript agregará un método constructor invisible y vacío.
Nota: una clase no puede tener más de un método constructor(). Esto arrojará un SyntaxError
.
Puede usar el super()
método para llamar al constructor de una clase principal (consulte "Más ejemplos" a continuación).
Compatibilidad con navegador
constructor()
es una característica de ECMAScript6 (ES6).
ES6 (JavaScript 2015) es compatible con todos los navegadores modernos:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
constructor()
no es compatible con Internet Explorer 11 (o anterior).
Sintaxis
constructor(parameters)
Detalles técnicos
Versión de JavaScript: | ECMAScript 2015 (ES6) |
---|
Más ejemplos
Para crear una herencia de clase, utilice la extends
palabra clave.
Una clase creada con una herencia de clase hereda todos los métodos de otra clase:
Ejemplo
Cree una clase llamada "Modelo" que heredará los métodos de la clase "Coche":
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();
El super()
método se refiere a la clase padre.
Al llamar al super()
método en el método constructor, llamamos al método constructor del padre y obtenemos acceso a las propiedades y métodos del padre.
páginas relacionadas
Tutorial de JavaScript: clases de JavaScript
Tutorial de JavaScript: JavaScript ES6 (EcmaScript 2015)
Referencia de JavaScript: la palabra clave extends
Referencia de JavaScript: la palabra clave super