面试题：TypeScript模块化中如何实现跨模块共享类型定义

Question

在TypeScript项目中，假设存在多个模块，你需要在不同模块间共享一些类型定义，例如一个复杂的接口类型。请描述至少两种实现跨模块共享类型定义的方法，并说明每种方法的优缺点。

Answer 1

方法一：使用声明文件（.d.ts）

1. 实现方式：
   • 在项目根目录或某个公共目录下创建一个.d.ts文件，例如sharedTypes.d.ts。
   • 在该文件中定义需要共享的类型，如接口：

   export interface ComplexInterface {
       prop1: string;
       prop2: number;
       // 其他复杂属性
   }
   

   • 其他模块可以直接引用该声明文件来使用这些类型，在tsconfig.json中确保include或files选项包含了这个.d.ts文件。
2. 优点：
   • 简洁明了，对于简单的项目，集中管理类型定义，方便维护。
   • 不需要额外的构建步骤，TypeScript编译器会自动识别.d.ts文件。
3. 缺点：
   • 当项目规模变大，.d.ts文件可能变得庞大难以管理。
   • 缺乏像普通.ts文件那样的导入导出灵活性，不能使用import和export语句在不同.d.ts文件间进行复杂的类型组合。

方法二：通过普通.ts文件共享

1. 实现方式：
   • 创建一个普通的.ts文件，例如sharedTypes.ts。
   • 在该文件中定义共享类型，如：

   export interface ComplexInterface {
       prop1: string;
       prop2: number;
       // 其他复杂属性
   }
   

   • 其他模块通过import语句导入使用：

   import { ComplexInterface } from './sharedTypes';
   

2. 优点：
   • 利用了TypeScript的模块化系统，导入导出灵活，可根据项目结构组织不同的类型文件。
   • 支持在文件中编写逻辑代码（虽然主要用于类型定义，但有时可以辅助类型生成等）。
   • 方便进行代码拆分，随着项目规模增长，可将不同类型拆分到多个.ts文件中。
3. 缺点：
   • 相比.d.ts文件，在编译时会有额外的处理，因为它包含了代码逻辑（即使只有类型定义）。
   • 对于只需要类型定义的场景，相对.d.ts文件略显冗余。