如何在打字稿中组织我的类型/接口声明？

Question

我对打字稿有点陌生，让我有点困惑的一件事是类型/接口声明。我正在编写一个库，它目前有几个类和更多的类型/接口声明。我在大多数代码中使用这些类型/接口，最初我会将它们放在 types 文件夹中的单个文件中，然后我会将它们导入到需要的任何位置，现在我在 types 文件夹中有一个声明命名空间类型的 models.d.ts，在这个命名空间中我导出我在整个代码中使用的所有类型/接口。这种方法可以吗，或者是否有更好的方法来组织类型和接口定义？

Answer 1

通常，对于非强类型的JS库，只使用. d.ts文件作为类型定义文件。下面是另一个SO about .d.ts文件:关于TypeScript中的“*.d.ts”。拥有一个包含您的类型的目录是我们使用的解决方案，看起来效果不错。是的，你必须在文件中导入类型，但是它允许你明确地做这件事，如果你使用“TypeScript Hero”插件VS Code可以自动为你添加导入。

此外，您可以将多种类型放在一个文件中，但我只会使用组合在一起的功能来这样做，例如，如果您的飞机，汽车和船只，并且它们足够小，例如文件vehicles.ts，或者您可以有四个文件：vehicles.ts，airplanes.ts，cars.ts和boats.ts，其中您在 vehicle.ts中有泛型类型，在其他文件中具有特定类型。

现在，如果你从一个文件vehicles.ts开始，它开始随着一堆不同类型的增长而增长，并决定要把它们分开，一种方法是创建一个名为车辆的目录，然后把你重构的所有文件放在其中，最后是一个index.ts文件，其中包含所有类型的导入和导出。这里有一个例子：

您的项目文件：

< code >从“src/types/vehicle”导入{ Boeing737，Boeing747，FordExplorer，bass boat }

这当前引用的是该目录中的 vehicles.ts 文件。现在，一旦我们进行了重构，现在有了目录：“src/types/vehicle”，它下面有重构的.ts文件，你创建一个index.ts文件，如下所示：

export { Boeing737, Boeing747 } from './airplanes';
export { FordExplorer, ToyotaCorolla, ToyotaSienna } from './cars';
export { BassBoat, Yacht } from './boats';

现在你在项目文件中的导入一点也没有改变，但是它现在从子文件中获取它的类型。这样就可以在不改变项目文件的情况下进行进一步的重构，比如你想把轿车和SUV分开。如果您在所有文件中使用相同的类型，您只需要一个导入行，您可以将它复制到新文件中，或者根据需要导入它们。

如果您想了解更多有关索引的信息。ts文件及其工作方式，下面是Typescript文档：https://www.typescriptlang.org/docs/handbook/module-resolution.html.