microsoft - typescript best practices typings

¿Hay alguna forma de "extraer" el tipo de propiedad de la interfaz de TypeScript?

Question

Supongamos que hay un archivo de escritura para la biblioteca X que incluye algunas interfaces.

interface I1 {
    x: any;
}

interface I2 {
    y: {
        a: I1,
        b: I1,
        c: I1
    }
    z: any
}

Para trabajar con esta biblioteca, necesito pasar un objeto que sea exactamente del mismo tipo que I2.y Por supuesto, puedo crear una interfaz idéntica en mis archivos de origen:

interface MyInterface {
    a: I1,
    b: I1,
    c: I1
}

let myVar: MyInterface;

pero luego tengo la carga de mantenerlo actualizado con el de la biblioteca, además, puede ser muy grande y resultar en una gran cantidad de duplicación de código.

Por lo tanto, ¿hay alguna forma de "extraer" el tipo de esta propiedad específica de la interfaz? Algo similar a let myVar: typeof I2.y (que no funciona y da como resultado el error "No se puede encontrar el nombre I2"). Gracias por adelantado.

Edición : después de jugar un poco en TS Playground, me di cuenta de que el siguiente código logra exactamente lo que quiero:

declare var x: I2;
let y: typeof x.y;

Sin embargo, requiere una variable redundante x para ser declarada. Estoy buscando una manera de lograr esto sin esa declaración.

Answer 1

Antes no era posible, pero afortunadamente lo es ahora, desde la versión 2.1 de TypeScript . Se lanzó el 7 de diciembre de 2016 e introduce tipos de acceso indexados, también llamados tipos de búsqueda .

La sintaxis se ve exactamente como acceso a elementos pero escrita en lugar de tipos. Así que en tu caso:

interface I1 {
    x: any;
}

interface I2 {
    y: {
        a: I1,
        b: I1,
        c: I1
    }
    z: any
}

let myVar: I2[''y''];  // indexed access type

Ahora myVar tiene tipo de I2.y

Compruébalo en TypeScript Playground .

Answer 2

Una interfaz es como la definición de un objeto. Entonces y es una propiedad de su objeto I2, que es de un tipo determinado, en ese caso "anónimo".

Podría usar otra interfaz para definir y y luego usarla como su tipo y así.

interface ytype {
   a: I1;
   b: I1;
   c: I1;
}

interface I2 {
    y: ytype;
    z: any;
}

Puede poner su interfaz en un archivo y usar extracto para poder importarlo en otros archivos de sus proyectos

export interface ytype {
   a: I1;
   b: I1;
   c: I1;
}



 export interface I2 {
        y: ytype;
        z: any;
    }

Puedes importarlo de esa manera:

   import {I1, I2, ytype} from ''your_file''