如何在单独的文件中声明和导入 typescript 接口

Question

我想在我的基于 typescript 的项目中在他们自己的文件中定义几个接口，我将从这些接口中实现用于生产的类以及用于测试的模拟。但是，我无法弄清楚正确的语法是什么。我找到了很多关于声明接口和实现它们的教程，但是它们都在同一个文件中对接口和派生类进行了简单的实现，这不是很真实。导出和导入接口的正确方法是什么？

原文由 snort 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要从定义的文件中导出接口，然后将其导入到您想要使用的任何位置。

在 IfcSampleInterface.ts 中：

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

在 SampleInterface.ts

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

原文由 Ajay 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您需要在定义的文件中导出接口，然后在使用它们的文件中导入它们。有关示例，请参见此链接。

x.ts

 interface X{
    ...
}
export default X

y.ts

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

有关更多信息，请参阅 https://www.typescriptlang.org/docs/handbook/modules.html

原文由 user6101582 发布，翻译遵循 CC BY-SA 3.0 许可协议