La clase de JavaScript se extiende
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();
Definición y uso
La extends
palabra clave se utiliza para crear una clase secundaria de otra clase (padre).
La clase secundaria hereda todos los métodos de otra clase.
La herencia es útil para la reutilización del código: reutilice las propiedades y los métodos de una clase existente cuando cree una nueva clase.
Nota: Del ejemplo anterior; 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.
Compatibilidad con navegador
extends
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 |
extends
no es compatible con Internet Explorer 11 (o anterior).
Sintaxis
class childClass extends parentClass
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 super
Referencia de JavaScript: El método constructor()