面试题：TypeScript中Namespace的模块合并

模块合并原理

在许多编程语言中，模块合并主要通过特定的语法或机制，将多个同名命名空间（Namespace）中的内容合并到一起，让它们如同在同一个逻辑单元中。这样做是为了方便组织代码，避免命名冲突，同时能整合来自不同源文件但相关的代码逻辑。例如在TypeScript中，通过将同名命名空间在不同文件中定义，编译器会自动合并它们的内容。

代码示例（以TypeScript为例）

文件1：file1.ts

namespace MyNamespace {
    export function function1() {
        console.log('This is function1 from file1');
    }
}

文件2：file2.ts

namespace MyNamespace {
    export function function2() {
        console.log('This is function2 from file2');
    }
}

使用合并后的模块：main.ts

namespace MyNamespace {}
MyNamespace.function1();
MyNamespace.function2();

在上述示例中，file1.ts 和 file2.ts 定义了同名的 MyNamespace 命名空间，在 main.ts 中，无需特别的合并操作，直接使用 MyNamespace 中的 function1 和 function2 函数即可，TypeScript编译器会自动将不同文件中同名命名空间的内容合并。

如果是在JavaScript中，ES6模块系统没有直接的命名空间合并概念，但可以通过对象来模拟类似效果：

文件1：file1.js

const MyNamespace = {
    function1: function() {
        console.log('This is function1 from file1');
    }
};
export default MyNamespace;

文件2：file2.js

const MyNamespace = {
    function2: function() {
        console.log('This is function2 from file2');
    }
};
export default MyNamespace;

使用合并后的模块：main.js

import ns1 from './file1.js';
import ns2 from './file2.js';
const MyNamespace = {...ns1,...ns2 };
MyNamespace.function1();
MyNamespace.function2();

这里通过对象展开运算符将两个模块的内容合并到一个对象 MyNamespace 中，从而实现类似模块合并的效果，使得两个文件中的函数都能使用。

星途面试题库

面试题：TypeScript中Namespace的模块合并

知识考点

面试题答案

模块合并原理

代码示例（以TypeScript为例）