面试题：TypeScript 多模块协同开发中的类型共享与管理

创建共享类型文件
- 在项目根目录下创建一个types文件夹（可自定义命名），专门用于存放共享类型定义。例如，创建sharedTypes.ts文件，将所有共享类型定义在这个文件中。
- 这样，不同模块都可以从这个文件中导入所需类型，避免重复定义。例如：

// sharedTypes.ts
export type User = {
    id: number;
    name: string;
    email: string;
};

// moduleA.ts
import {User} from './types/sharedTypes';
const user: User = {id: 1, name: 'John', email: 'john@example.com'};

使用类型别名和接口
- 类型别名：对于简单类型组合或需要复用的复杂类型，使用类型别名。例如：

export type StringOrNumber = string | number;

接口：对于对象类型，优先使用接口定义。接口支持声明合并，方便在不同地方对同一接口进行扩展。例如：

export interface Product {
    id: number;
    name: string;
}
// 在另一个文件中扩展Product接口
export interface ProductWithPrice extends Product {
    price: number;
}

利用工具函数和泛型
- 工具函数：在共享类型文件中可以定义一些类型工具函数，例如用于生成联合类型的函数。这可以减少手动重复定义类型。
- 泛型：在函数和类中使用泛型，提高代码的复用性。例如：

export function identity<T>(arg: T): T {
    return arg;
}

自动化构建和检查
- 构建工具：使用构建工具（如Webpack、Rollup），配置好TypeScript加载器（如ts-loader），确保项目在构建时所有类型定义都能正确解析和处理。
- 类型检查：启用严格的TypeScript类型检查，如strict模式。可以通过在tsconfig.json中配置相关选项来加强类型检查的严格程度。当类型发生变化时，TypeScript编译器会报错，提示哪些模块受到影响，从而可以针对性地更新相关模块。
版本控制和文档化
- 版本控制：使用版本控制系统（如Git），每次对共享类型进行修改时，都记录详细的变更日志。这样可以追踪类型的变化历史，方便回滚和了解变更原因。
- 文档化：为共享类型添加详细的JSDoc注释。例如：

/**
 * Represents a user in the system.
 * @property id - The unique identifier of the user.
 * @property name - The name of the user.
 * @property email - The email address of the user.
 */
export type User = {
    id: number;
    name: string;
    email: string;
};

这样其他开发者在使用这些共享类型时可以清楚了解其含义和用途。

星途面试题库

面试题：TypeScript 多模块协同开发中的类型共享与管理

知识考点

面试题答案