面试题：TypeScript 命名空间与模块兼容性的基础应用

Question

请描述在 TypeScript 中，命名空间和模块在类型兼容性方面有哪些主要的区别？并举例说明如何在一个模块中引用另一个命名空间的类型并确保兼容性。

Answer 1

命名空间和模块在类型兼容性方面的主要区别

1. 命名空间（内部模块）：
   • 命名空间内部的类型在同一命名空间内具有隐式的兼容性。例如，在同一个命名空间中定义的两个接口，如果它们具有相同的成员，那么在该命名空间内可以相互兼容使用。
   • 命名空间的类型兼容性检查相对宽松，更注重成员结构的匹配。比如，两个接口只要成员名称和类型大致相同，就可以认为兼容（不考虑私有成员等特殊情况）。
   • 命名空间是在全局作用域下的，其类型在全局可访问（当然可以通过访问修饰符限制访问），所以不同命名空间之间如果有类型冲突，可能会导致意外的类型兼容性问题。
2. 模块：
   • 模块具有自己独立的作用域，模块间的类型默认是不兼容的，除非明确地进行导入和导出操作。这提供了更强的封装性和隔离性。
   • 模块的类型兼容性检查更严格，不仅要考虑成员结构，还会考虑模块的导入导出关系。例如，不同模块中定义的相同结构的接口，在没有正确导入的情况下，不能相互兼容使用。
   • 模块遵循 ES6 模块规范，其类型的作用域被限制在模块内部，避免了全局命名冲突，增强了类型安全性。

举例说明在模块中引用另一个命名空间的类型并确保兼容性

假设有一个命名空间 UtilsNamespace 在 utils.ts 文件中定义：

// utils.ts
namespace UtilsNamespace {
    export interface StringUtils {
        capitalize(str: string): string;
    }
}

然后在另一个模块 main.ts 中引用这个命名空间的类型：

// main.ts
import { UtilsNamespace } from './utils';

let myUtil: UtilsNamespace.StringUtils = {
    capitalize(str) {
        return str.charAt(0).toUpperCase() + str.slice(1);
    }
};

在上述例子中，通过 import { UtilsNamespace } from './utils'; 导入命名空间 UtilsNamespace，这样就可以在 main.ts 模块中使用 UtilsNamespace.StringUtils 类型，并确保兼容性。因为导入操作使得 UtilsNamespace 命名空间在 main.ts 模块内可访问，从而其内部类型也能正确使用。