面试题：TypeScript名字空间在大型项目中的模块组织应用

Question

假设你正在参与一个大型前端项目，该项目使用TypeScript开发，且已经有多个功能模块。请描述如何使用TypeScript名字空间来组织这些模块，以避免命名冲突，并举例说明如何在不同名字空间下相互调用函数或类。

Answer 1

使用TypeScript名字空间组织模块避免命名冲突

1. 定义名字空间：在TypeScript中，可以使用namespace关键字来定义名字空间。例如，假设有两个功能模块，用户相关和订单相关，分别定义在不同名字空间：

namespace UserModule {
    export class User {
        constructor(public name: string) {}
        public sayHello() {
            console.log(`Hello, I'm ${this.name}`);
        }
    }
    export function getUserInfo(user: User) {
        return `User info: ${user.name}`;
    }
}

namespace OrderModule {
    export class Order {
        constructor(public orderId: number) {}
        public getOrderDetails() {
            return `Order details with id ${this.orderId}`;
        }
    }
    export function createOrder(order: Order) {
        return `Order ${order.orderId} created`;
    }
}

2. 避免命名冲突：由于UserModule和OrderModule是不同的名字空间，即使内部有相同命名的变量、函数或类，也不会产生冲突。比如，每个名字空间都可以有自己的User类或getInfo函数。

不同名字空间下相互调用函数或类

1. 在同一个文件内调用：如果这些名字空间定义在同一个文件中，可以直接通过名字空间名访问。例如：

let user = new UserModule.User('John');
let userInfo = UserModule.getUserInfo(user);
console.log(userInfo);

let order = new OrderModule.Order(123);
let orderCreated = OrderModule.createOrder(order);
console.log(orderCreated);

2. 在不同文件中调用：假设UserModule定义在userModule.ts文件，OrderModule定义在orderModule.ts文件。
   • userModule.ts

namespace UserModule {
    export class User {
        constructor(public name: string) {}
        public sayHello() {
            console.log(`Hello, I'm ${this.name}`);
        }
    }
    export function getUserInfo(user: User) {
        return `User info: ${user.name}`;
    }
}

• orderModule.ts

namespace OrderModule {
    export class Order {
        constructor(public orderId: number) {}
        public getOrderDetails() {
            return `Order details with id ${this.orderId}`;
        }
    }
    export function createOrder(order: Order) {
        return `Order ${order.orderId} created`;
    }
}

• 调用文件（例如main.ts）：需要先导入这些模块，在TypeScript中使用名字空间时，可以使用/// <reference>指令。

/// <reference path="userModule.ts" />
/// <reference path="orderModule.ts" />

let user = new UserModule.User('Jane');
let userInfo = UserModule.getUserInfo(user);
console.log(userInfo);

let order = new OrderModule.Order(456);
let orderCreated = OrderModule.createOrder(order);
console.log(orderCreated);

注意：在现代TypeScript项目中，更推荐使用ES6模块（import和export），但名字空间在一些遗留项目或特定场景下仍有应用。