Skip to main content
Correcciones en redacción, comentario en pregunta eliminado, formato de código agregado
Origen Enlace
padaleiana
  • 3.3k
  • 13
  • 19
  • 27

tengoTengo el siguiente código conceptual en typescriptTypescript:

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",
});
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",
});

sinSin embargo una vez instanciada la clase Hijo con los resultados pareciera que no sigue este orden, ¿qué hay malo en mi análisis?

Pd: me disculpo por la mala indentación del código pero en stackoverflow nunca aprendí a como pegarlo desde el editor sin perder la indentación

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",
});

sin embargo una vez instanciada la clase Hijo con los resultados pareciera que no sigue este orden, ¿qué hay malo en mi análisis?

Pd: me disculpo por la mala indentación del código pero en stackoverflow nunca aprendí a como pegarlo desde el editor sin perder la indentación

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",
});

Sin embargo una vez instanciada la clase Hijo con los resultados pareciera que no sigue este orden, ¿qué hay malo en mi análisis?

Simplificación a 2 clases, no importa la cantidad de clases abstractas en nivel superior, el problema persiste
Origen Enlace
abstract class Abuelo {
    protected config = {
       propAbuelo: `Inicial abuelo`
    };
    constructor(
        pConfig?: Partial<Abuelo["config"]>
    ) {
        this.setConfig(pConfig);
    }
    protected setConfig(
        pConfig: Partial<Abuelo["config"]>
    ){
        if (typeof pConfig != "object") return; 
        this.config.propAbuelo = pConfig.propAbuelo;
    }
}
abstract class Padre extends Abuelo{
    protected override config = {
       propAbuelo: `Inicial abuelo`,
       propPadre: `Inicial padre`
    };
    constructor(
        pConfig?: Partial<Padre["config"]>
    ) {
        superthis.setConfig(pConfig);  
    }
    protected override setConfig(
        pConfig: Partial<Padre["config"]>
    ){
        if (typeof pConfig != "object") return; 
        super.setConfig(pConfig);
        this.config.propPadre = pConfig.propPadre;
    }
}
class Hijo extends Padre{
    protected override config = {
       propAbuelo: `Inicial abuelo`,
       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",
    propAbuelo: "nuevo abuelo"
});
instancia.propHijo; // "nuevo hijo"
instancia.propPadre; // "nuevo padre"
instancia.propAbuelo; // "nuevo abuelo"
instancia.propHijo; // "Inicial hijo"
instancia.propPadre; // "Inicial padre"
instancia.propAbuelo; // "Inicial abuelo"

-> Propiedades Dinámicasdinámicas Hijo

-> Propiedades Dinámicasdinámicas Padre

-> Propiedades estáticas Abuelo

-> Propiedades Dinámicas Abuelo

-> Constructor Clase Abuelo

-> setConfig() Hijo // se llama desde el abuelopadre pero por jerarquía se ejecuta el del hijo

-> setConfig() Padre

-> setConfig() Abuelo

abstract class Abuelo {
    protected config = {
       propAbuelo: `Inicial abuelo`
    };
    constructor(
        pConfig?: Partial<Abuelo["config"]>
    ) {
        this.setConfig(pConfig);
    }
    protected setConfig(
        pConfig: Partial<Abuelo["config"]>
    ){
        if (typeof pConfig != "object") return; 
        this.config.propAbuelo = pConfig.propAbuelo;
    }
}
abstract class Padre extends Abuelo{
    protected override config = {
       propAbuelo: `Inicial abuelo`,
       propPadre: `Inicial padre`
    };
    constructor(
        pConfig?: Partial<Padre["config"]>
    ) {
        super(pConfig);  
    }
    protected override setConfig(
        pConfig: Partial<Padre["config"]>
    ){
        if (typeof pConfig != "object") return; 
        super.setConfig(pConfig);
        this.config.propPadre = pConfig.propPadre;
    }
}
class Hijo extends Padre{
    protected override config = {
       propAbuelo: `Inicial abuelo`,
       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",
    propAbuelo: "nuevo abuelo"
});
instancia.propHijo; // "nuevo hijo"
instancia.propPadre; // "nuevo padre"
instancia.propAbuelo; // "nuevo abuelo"
instancia.propHijo; // "Inicial hijo"
instancia.propPadre; // "Inicial padre"
instancia.propAbuelo; // "Inicial abuelo"

-> Propiedades Dinámicas Hijo

-> Propiedades Dinámicas Padre

-> Propiedades estáticas Abuelo

-> Propiedades Dinámicas Abuelo

-> Constructor Clase Abuelo

-> setConfig() Hijo // se llama desde el abuelo pero por jerarquía se ejecuta el del hijo

-> setConfig() Padre

-> setConfig() Abuelo

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",
});
instancia.propHijo; // "nuevo hijo"
instancia.propPadre; // "nuevo padre"
instancia.propHijo; // "Inicial hijo"
instancia.propPadre; // "Inicial padre"

-> Propiedades dinámicas Hijo

-> Propiedades dinámicas Padre

-> setConfig() Hijo // se llama desde el padre pero por jerarquía se ejecuta el del hijo

-> setConfig() Padre

Prueba de analisis con chat GPT
Origen Enlace
abstract class Abuelo {
    protected config = {
       propAbuelo: `Inicial Abuelo`abuelo`
    };
    constructor(
        pConfig?: Partial<Abuelo["config"]>
    ) {
        this.setConfig(pConfig);
    }
    protected setConfig(
        pConfig: Partial<Abuelo["config"]>
    ){
        if (typeof pConfig != "object") return; 
        this.config.propAbuelo = pConfig.propAbuelo;
    }
}
abstract class Padre extends Abuelo{
    protected override config = {
       propAbuelo: `Inicial Abuelo`abuelo`,
       propPadre: `Inicial Padre`padre`
    };
    constructor(
        pConfig?: Partial<Padre["config"]>
    ) {
        super(pConfig);  
    }
    protected override setConfig(
        pConfig: Partial<Padre["config"]>
    ){
        if (typeof pConfig != "object") return; 
        super.setConfig(pConfig);
        this.config.propPadre = pConfig.propPadre;
    }
}
class Hijo extends Padre{
    protected override config = {
       propAbuelo: `Inicial Abuelo`abuelo`,
       propPadre: `Inicial Padre`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",
    propAbuelo: "nuevo abuelo"
});

La expectativa de la instancia debería ser (incluso chat-GPT indica que esta debe ser la salida):

abstract class Abuelo {
    protected config = {
       propAbuelo: `Inicial Abuelo`
    };
    constructor(
        pConfig?: Partial<Abuelo["config"]>
    ) {
        this.setConfig(pConfig);
    }
    protected setConfig(
        pConfig: Partial<Abuelo["config"]>
    ){
        if (typeof pConfig != "object") return; 
        this.config.propAbuelo = pConfig.propAbuelo;
    }
}
abstract class Padre extends Abuelo{
    protected override config = {
       propAbuelo: `Inicial Abuelo`,
       propPadre: `Inicial Padre`
    };
    constructor(
        pConfig?: Partial<Padre["config"]>
    ) {
        super(pConfig);  
    }
    protected override setConfig(
        pConfig: Partial<Padre["config"]>
    ){
        if (typeof pConfig != "object") return; 
        super.setConfig(pConfig);
        this.config.propPadre = pConfig.propPadre;
    }
}
class Hijo extends Padre{
    protected override config = {
       propAbuelo: `Inicial Abuelo`,
       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",
    propAbuelo: "nuevo abuelo"
});

La expectativa de la instancia debería ser:

abstract class Abuelo {
    protected config = {
       propAbuelo: `Inicial abuelo`
    };
    constructor(
        pConfig?: Partial<Abuelo["config"]>
    ) {
        this.setConfig(pConfig);
    }
    protected setConfig(
        pConfig: Partial<Abuelo["config"]>
    ){
        if (typeof pConfig != "object") return; 
        this.config.propAbuelo = pConfig.propAbuelo;
    }
}
abstract class Padre extends Abuelo{
    protected override config = {
       propAbuelo: `Inicial abuelo`,
       propPadre: `Inicial padre`
    };
    constructor(
        pConfig?: Partial<Padre["config"]>
    ) {
        super(pConfig);  
    }
    protected override setConfig(
        pConfig: Partial<Padre["config"]>
    ){
        if (typeof pConfig != "object") return; 
        super.setConfig(pConfig);
        this.config.propPadre = pConfig.propPadre;
    }
}
class Hijo extends Padre{
    protected override config = {
       propAbuelo: `Inicial abuelo`,
       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",
    propAbuelo: "nuevo abuelo"
});

La expectativa de la instancia debería ser (incluso chat-GPT indica que esta debe ser la salida):

Simplificación del código conceptual, eliminación del configurador estático `getDefault`
Origen Enlace
Loading
Origen Enlace
Loading