12、TypeScript 中的命名空间与模块详解

TypeScript 中的命名空间与模块详解

1. 模块概述

随着 ECMAScript 6 模块的出现，异步模块加载器实现了标准化，TypeScript 也选择了 ES6 类型的模块。目前，大多数桌面和移动浏览器的最新版本都支持 ES6 模块，如 Chrome、Edge、Firefox、Safari 等。TypeScript 可以通过设置 module 编译器选项来模拟 ES6 模块，生成的 JavaScript 代码可直接在支持 ES6 模块的浏览器中使用，也可通过 JavaScript 打包工具处理后在不支持的浏览器中运行。

命名空间的使用相对简单，对 JavaScript 工具的了解要求较低，适用于主要基于服务器端代码，仅用 JavaScript 改善 HTML 页面图形的简单网站。而模块则是客户端丰富应用（如单页应用）所必需的，因为在这种情况下，JavaScript 文件的优化和依赖跟踪可能会变得非常复杂。

2. 模块符号的导出

• 模块定义 ：一个 TypeScript 文件不需要特定语法就可以被解释为模块，只要有其他文件尝试将其作为模块加载即可。
• 导出规则 ：与命名空间类似，只有在声明前加上 export 关键字的符号才能被导入模块可见。不同的是，模块代码不需要封装在语法容器中，模块的边界由文件本身定义。

以下是一个示例：

//Anagraphic.ts