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

Question

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

Answer 1

在不扩展多个导出的情况下，您可以将它们分组到一个export{}块中（在这种情况下，不应声明任何文件默认type）：

// interfaces.ts
interface IWords {
  [key: string]: string; 
}

interface INumbers {
  [key: string]: number; 
}

interface IBooleans {
  [key: string]: boolean; 
}

interface IValues {
  [key: string]: string | number; 
}

interface IStructures {
  [key: string]: INumbers | IBooleans | IValues;
}

export {
  // not exporting IWords | INumbers
  IBooleans,
  IValues,
  IStructures,
}

import { IBooleans, IValues, IStructures } from 'interfaces';

const flags: IBooleans = { read: true, write: false, delete: false };

const userFile: IValues = { user: 1, username: 'One', file: 'types.txt' };

const userContext: IStructure = {
  file: userFile,
  permissions: flags,
  counts: { views: 3, writes: 1 } // => INumbers (lint: try to remove IValues from IStructures)
};

Answer 2

使用定义 （d.ts） 文件和命名空间，无需以这种方式导入/导出模块。DefinitelyTyped项目有指导和大量示例如何做到这一点。

Answer 3

您需要从定义的文件中导出接口，并将其导入到您想使用它的任何地方。

在IfcSampleInterface.ts中：

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

在SampleInterface.ts中

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