面试题：TypeScript中模块与名字空间混合使用的场景举例

Question

请举例说明在TypeScript项目里，哪些实际场景适合混合使用模块与名字空间，并简要阐述如何实现。

Answer 1

适合场景

1. 大型项目组织：当项目规模较大，有众多功能模块和组件时。例如，一个电商系统，其中的用户模块、商品模块、订单模块等，既需要通过模块进行文件级别的封装和管理，又可以在每个模块内部使用名字空间来进一步组织相关的类型、常量等，使代码结构更清晰。
2. 代码复用与隔离：对于一些可复用的库代码，不同功能块之间需要隔离，但又希望在库内部有一定的组织。比如一个图表绘制库，可能有不同类型图表（柱状图、折线图等）的实现，每个图表类型相关的代码可以放在模块中，而模块内对一些内部工具函数、类型定义等使用名字空间组织，方便复用且避免命名冲突。

实现方式

1. 模块定义：在TypeScript中，使用ES6模块语法，通过export关键字来导出模块中的内容。例如，创建一个user.ts模块：

// user.ts
export const userRole = 'admin';
export function getUserInfo() {
    return { name: 'John', age: 30 };
}

2. 名字空间定义：在模块内部，可以使用namespace关键字定义名字空间。例如，在user.ts模块内进一步定义名字空间：

// user.ts
export const userRole = 'admin';
export function getUserInfo() {
    return { name: 'John', age: 30 };
}
namespace UserUtils {
    export function validateUser(user: any) {
        return user.age > 18;
    }
}

3. 使用模块和名字空间：在其他文件中导入模块并使用其中的名字空间。

// main.ts
import { userRole, getUserInfo, UserUtils } from './user';
console.log(userRole);
const user = getUserInfo();
console.log(UserUtils.validateUser(user));