1

en este código conceptual de typescript están definidas las siguientes clases: A padre y B hija, existe la propiedad config que tiene un tipado de interfaz especifico en cada clase, pero genera un error, según el supervisor de Typescript,en la definición en la clase B por ser de tipo IBConfig, pero esta interfaz extiende de IAConfig con lo que no hay choque de propiedades, sin embargo persiste el error

ts versión : 5.1.6

interface IAConfig{
  color: string;
}
interface IBConfig extends IAConfig{
  borde: string
}
class A {
  protected config: IAConfig;
  constructor() {    
  }
}
class B extends A {
  protected config: IBConfig; //❌ts:2612 Error, no deja definir
  constructor() {  
    super();
    this.config = {
      color : "Azul",
      borde: "1px"
    };  
  }
}

¿Cómo puedo definirle ese tipo a la propiedad config de la clase B?.

Importante!: No se puede definir la clase A como abstracta porque se necesitan instancias de esa clase esto hace que tampoco se pueda definir como abstracta la propiedad config, y también pensar en escalabilidad (puede que exista la clase C que herede de B).

8
  • Cuando dices "genera un error", qué error exacto genera?
    – Benito-B
    Commented el 21 sept. 2023 a las 19:05
  • @Benito-B este es el error: Property 'config' will overwrite the base property in 'A'. If this is intentional, add an initializer. Otherwise, add a 'declare' modifier or remove the redundant declaration. ese declare no es aconsejable para clases (según la documentación) Commented el 21 sept. 2023 a las 19:14
  • Y qué versión de TS dices que te genera ese error? Porque acabo de probar tu código ahora mismo y tiene 0 errores. Mientras extiendas la interface, no hay error
    – Benito-B
    Commented el 21 sept. 2023 a las 19:37
  • @Benito-B estoy usando vite, con el comando tsc -v me indica la 5.1.6 pero no se si vite me esta usando por debajo otra versión, ¿como puedo conocer que versión exactamente usa el proyecto, incluyendo en el archivo package-lock.json? Commented el 21 sept. 2023 a las 20:06
  • @Benito-B tienes toda la razón en el playground de typescript no aparece ese error, probándolo en la versión mas baja 3.3.3 y en la 5.1.6 y en ninguna aparece Commented el 21 sept. 2023 a las 20:09

1 respuesta 1

0

Bueno después de hacer varia, muchas, pruebas, se desecha este tipo de estructura, si bien ejecuta y aparentemente funciona (agregando // @ts-ignore para que no moleste), sin embargo no es aconsejable porque en mi implementación real me esta generando una sobreescritura peligrosa en la propiedad.

Lo recomendable es dejar la propiedad config definida en la clase padre así en la clase hija el tipado se pierda.

interface IAConfig{
  color: string;
}
interface IBConfig extends IAConfig{
  borde: string
}
class A {
  protected config: IAConfig;
  constructor() {    
  }
}
class B extends A {
  //protected config: IBConfig; //NO definir aquí
  constructor() {  
    super();
    this.config = <IBConfig>{ //agregar un incomodo cast
      color : "Azul",
      borde: "1px"
    };
    const otroUso = <IBConfig>this.config; //un incomodo cast cada vez que se use  
  }
  protected getConfig(){ //o usar este método
     return <IBConfig>this.config;
  }
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.