Tengo el siguiente código conceptual en Typescript:
abstract class Padre{
protected config = {
propPadre: `Inicial padre`
};
constructor(
pConfig?: Partial<Padre["config"]>
) {
this.setConfig(pConfig);
}
protected override setConfig(
pConfig: Partial<Padre["config"]>
){
if (typeof pConfig != "object") return;
this.config.propPadre = pConfig.propPadre;
}
}
class Hijo extends Padre{
protected override config = {
propPadre: `Inicial padre`,
propHijo: `Inicial hijo`
};
constructor(
pConfig?: Partial<Hijo["config"]>
) {
super(pConfig);
}
protected override setConfig(
pConfig: Partial<Hijo["config"]>
){
if (typeof pConfig != "object") return;
super.setConfig(pConfig);
this.config.propHijo = pConfig.propHijo;
}
}
//instancio:
const instancia = new Hijo({
propHijo: "nuevo hijo",
propPadre: "nuevo padre",
});
La expectativa de la instancia debería ser (incluso chat-GPT indica que esta debe ser la salida):
instancia.propHijo; // "nuevo hijo"
instancia.propPadre; // "nuevo padre"
La realidad es:
instancia.propHijo; // "Inicial hijo"
instancia.propPadre; // "Inicial padre"
retomando las bases de POO tengo entendido que el orden de ejecución sería:
-> Propiedades estáticas Hijo
-> Propiedades dinámicas Hijo
-> Constructor Clase Hijo
-> Super() en Hijo
-> Propiedades estáticas Padre
-> Propiedades dinámicas Padre
-> Constructor Clase Padre
-> Super() en Padre
-> setConfig() Hijo
// se llama desde el padre pero por jerarquía se ejecuta el del hijo
-> setConfig() Padre
Sin embargo una vez instanciada la clase Hijo
con los resultados pareciera que no sigue este orden, ¿qué hay malo en mi análisis?