0

teniendo la siguiente interface inicial en typescript:

interface IA {
  a1 : string;
  a2 : number;
}

en base a la interface IA definir otra interface con los mismas propiedades (o atributos) pero con diferente tipado:

interface IB {
  a1 : object;
  a2 : string[];
}

si bien el ejemplo es muy sencillo (2 propiedades en la interface), tengo el inconveniente cuando es una interface inicial con 10 o más propiedades, pues literalmente me da “flojera” tener que repetir todas las propiedades en la definición de la otra interface.

he intentado lo siguiente de las utilidades de Typescript:

type IB = Record<keyof IA, any>;

o esta con mas opción de personalización:

interface IB extends Record<keyof IA, any>{
   //...aqui mas propiedades personalizadas
}

pero no resuelve completamente el problema porque convierte todas las propiedades de la interface IB a un solo tipo de valor (en este caso a any).

¿Existe alguna utilidad de typescript para lograrlo?

6
  • no le encuentro la utilidad pero aquí hay alguien que preguntó lo mismo stackoverflow.com/questions/45771307/…
    – LPZadkiel
    Commented el 25 ene. 2023 a las 20:38
  • ¿Porque no usas union types en IA? ya que dices que tu debes definir las interfaces
    – g.4
    Commented el 27 ene. 2023 a las 15:54
  • @LPZadkiel, gracias por el enlace, como dice en la respuesta, es una solución algo problemática... pero funciona, lo detallo mas en la respuesta. Commented el 28 ene. 2023 a las 22:41
  • @g.4 te agradezco un poco mas de información en lo que te refieres a unión... Commented el 28 ene. 2023 a las 22:45
  • Union types
    – g.4
    Commented el 29 ene. 2023 a las 1:26

1 respuesta 1

0

De acuerdo a la respuesta de: https://stackoverflow.com/questions/45771307/typescript-dynamically-create-interface , y haciendo unas modificaciones se puede solucionar de la siguiente manera:

/**define las `key` comunes 
(la definición en la que se basarán las interfaces)*/
type TBase<Ta1, Ta2> = {
    a1 : Ta1;
    a2 : Ta2;
    //... aquí muchas mas de propiedades
}
/**define tipos a usar en IA */
type TMapSchemaIA = {
  'string' : string;
  'number' : number;
   //... aqui los demás tipos de cada propiedad
}
/**define tipos a usar en IB */
type TMapSchemaIB = {
  'object': object;
  'stringA': string[];
  //... aquí los demás tipos de cada propiedad
}
/**el tipado que hace la magia 😁*/
type TSchemaGenerator<TMapSchema, TBase extends Record<string, keyof TMapSchema>> = {
 -readonly [K in keyof TBase]: TMapSchema[TBase[K]]
}
//Definicion de alto nivel con type:
type IA = TSchemaGenerator<TMapSchemaIA, TBase<'string', 'number'>>;
type IB = TSchemaGenerator<TMapSchemaIB, TBase<'object', 'stringA'>>;
//implementacion:
let a:IA = {a1:"Hola", a2:3};
let b:IB = {a1:{}, a2:["Hola Array"]};

o si se quiere la definición con interfaces:

//Definición de alto nivel con interface:
interface IA extends TSchemaGenerator<TMapSchemaIA, TBase<'string', 'number'>>{
    //... opcional mas personalización
}
interface IB extends TSchemaGenerator<TMapSchemaIB, TBase<'object', 'stringA'>>{
    //... opcional mas personalización
}

en un principio parece más engorrosa que la solución directa (la de definir otra interface repitiendo todas las propiedades) pero si la interface base tiene muchas propiedades o se requiere un gran número de interfaces que se basen en ella puede ser útil.

2
  • Le encuentro utilidad si no se saben los valores de a/b ahead of time, pero en este caso parece que los define el dev, aunque es un buen ejercicio para estudiar generics. Y me perdí en la parte de Record cuando se supone que ya tenemos TBase con generics.
    – g.4
    Commented el 29 ene. 2023 a las 1:25
  • @g.4 tener presente: type TBase definido al inicio y el TBase contenido en la definición de type TSchemaGenerator están en contextos diferentes por afán los nombré igual. En realidad, en la definición type TSchemaGenerator fue tomada casi idéntica a la respuesta del enlace pero a profundidad no comprendo su funcionamiento, solo la adapte a la solución que necesitaba Commented el 30 ene. 2023 a las 16:23

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.