在 TypeScript 中，我们常常需要使用模块化的方式来组织代码，以便于代码的管理和维护。在模块化的编程中，我们需要使用导入和导出的方式来引入和暴露模块中的内容。本文将介绍 TypeScript 中不同模块的导入和导出方式，并提供相应的示例代码。
1. CommonJS
CommonJS 是 Node.js 使用的模块系统，它使用 require 来引入模块，使用 module.exports 来暴露模块。在 TypeScript 中，我们可以使用 import 和 export 来替代它们。
1.1 导出单个对象或变量
-- -- ----- --- - -- ------ ------- ---- -- -- ------ --- ---- ---------
1.2 导出多个对象或变量
-- -- ------ ----- --- - ------ ------ ----- --- - ------ -- -- ------ - ---- --- - ---- ---------
1.3 导出一个命名空间
-- -- --------- ----------- - ------ ----- --- - ------ ------ -------- ----- --- - ------ ------- ------------ -- -- ------ ----------- ---- ---------
2. AMD
AMD（Asynchronous Module Definition）是一种异步加载模块的标准，通过 define 函数来定义模块，在模块内部使用 require 函数来引入其它模块。
2.1 导出单个对象或变量
-- -- ----------------- - ----- --- - -- ------ ---- --- -- -- ------ --- - ------------------
2.2 导出多个对象或变量
-- --
----------------- -
------ -
---- ------
---- -----
--
---
-- --
------ - ---- --- - ---- ---------2.3 导出一个命名空间
-- --
----------------- -
----- ----------- - -
---- ------
---- ---------- --
--
------ ------------
---
-- --
------ ----------- - ------------------3. ES
ES（ECMAScript）是 JavaScript 的标准，它的模块化方式是通过 import 和 export 来实现的。
3.1 导出单个对象或变量
-- -- ----- --- - -- ------ ------- ---- -- -- ------ --- ---- ---------
3.2 导出多个对象或变量
-- -- ------ ----- --- - ------ ------ ----- --- - ------ -- -- ------ - ---- --- - ---- ---------
3.3 导出一个命名空间
-- -- ------ --------- ----------- - ------ ----- --- - ------ ------ -------- ----- -- - -- -- ------ - ----------- - ---- ---------
4. Tips
4.1 定义导入类型
在 TypeScript 中，我们可以定义导入类型，以避免误用导入的模块。
-- ---- ------ - ----------- - ---- --------- ---- --------------- - ------ ------------ ----- ------------ --------------- - ------------
4.2 导入默认导出
在 TypeScript 中，我们可以使用 import 来导入默认导出的模块，也可以使用 import * as name 来导入全部导出的模块。
-- ------ ------ ------------- ---- --------- -- ------ ------ - -- ---- ---- ---------
4.3 指定别名
在 TypeScript 中，我们可以使用 as 关键字为导入的模块指定别名。
-- ---- ------ - ----------- -- ---- - ---- ---------
总结
本文介绍了 TypeScript 中不同模块的导入和导出方式，包括 CommonJS、AMD 和 ES，以及相关的示例代码。希望读者能够通过本文，更好地理解和掌握 TypeScript 中的模块化编程。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6456f863968c7c53b09dae79