Clase de JavaScript súper
Definición y uso
La super
palabra clave se usa para llamar al constructor de su clase principal para acceder a las propiedades y métodos de los padres.
Sugerencia: para comprender mejor el concepto de "herencia" (clases principales y secundarias), lea nuestro Tutorial de clases de JavaScript .
Ejemplo
Cree una clase llamada "Modelo" que heredará los métodos de la clase "Coche", utilizando la extends
palabra clave.
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:
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();
Compatibilidad con navegador
super
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 |
super
no es compatible con Internet Explorer 11 (o anterior).
Sintaxis
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Detalles técnicos
Versión de JavaScript: | ECMAScript 2015 (ES6) |
---|
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: El método constructor()