typescript - descripcion - Cómo declarar e importar interfaces mecanografiadas en un archivo separado

meta title y meta descripcion

Question

Quiero definir varias interfaces en su propio archivo en mi proyecto basado en escritura, desde el cual implementaré clases para producción, así como simulaciones para pruebas. Sin embargo, no puedo averiguar cuál es la sintaxis correcta. He encontrado muchos tutoriales sobre cómo declarar interfaces y cómo implementarlas, pero todas tienen una implementación trivial de la interfaz y las clases derivadas en el mismo archivo, lo cual no es muy real. ¿Cuál es la forma correcta de exportar e importar las interfaces?

Answer 1

Debe exportar la interfaz desde el archivo en el que está definido e importarla donde desee utilizarla.

en IfcSampleInterface.ts :

export interface IfcSampleInterface {
   key: string;
   value: string;
}

En SampleInterface.ts

import { IfcSampleInterface } from ''./IfcSampleInterface'';
let sampleVar: IfcSampleInterface;

Answer 2

Debe exportar las interfaces en el archivo en el que se definen e importarlas en los archivos en los que se utilizan. Consulte este enlace para ver ejemplos.

x.ts

interface X{
    ...
}
export default X

y.ts

import X from "./x.ts"
// You can use X now

Para obtener más información, consulte https://www.typescriptlang.org/docs/handbook/modules.html

Answer 3

Utilice los archivos de definición ( d.ts ) y los espacios de nombres, sin necesidad de importar / exportar módulos de esta manera. El proyecto DefinitelyTyped tiene una guidance y una gran cantidad de examples cómo hacerlo.