En BO, solo la parte front-end, puede heredar funcionalidades, y todos los componentes heredan de HTMLElement, por lo que todos los componentes son elementos html con todas las características de estos. Y de igual forma podemos heredar de componentes que nosotros hagamos, mediante la palabra reservada extends seguido del componente del cual queremos heredar, por ejemplo:

class mi_heredero extends mi_componente { ... }

Al heredar de otro componente, este mismo heredará todos los elementos en su vista, todos los estilos, todas sus referencias y todos sus métodos públicos.

Herencia de etiquetas

Igualmente BO tiene la herencia de etiquetas, a través del atributo is de html, mediante la siguiente sintaxis:

class mi_boton_heredero extends HTMLButtonElement : button { ... }

Como podemos ver en el ejemplo, mi_boton_heredero, está heredando directamente del elemento HTMLButtonElement, y le estamos indicando la etiqueta html que se escribe en el DOM button, de esta forma podremos inyectar un comportamiento especial a un elemento estándar de HTML.

Advertencia: Este comportamiento no está soportado por safari 🙄, por esto mismo y a pesar de su utilidad, se recomienda su uso, solo en proyectos en los que podamos despreciar el uso de este navegador. O en el caso que nuestro componente no ejecute JavaScript.

En construcción

Herencia

Herencia de etiquetas