前言
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，添加了静态类型和其他一些语言特性。在前端开发中，TypeScript 被广泛应用于大型项目中，它可以帮助我们减少错误并提高代码质量。
在 TypeScript 中，我们可以使用 import 和 export 关键字来管理模块之间的依赖关系。本文将详细介绍 import 和 export 的用法，并提供示例代码。
import 语句
在 TypeScript 中，我们可以使用 import 语句来导入一个模块，语法如下：
import { module } from 'module-name';其中，module 是要导入的模块名，module-name 是模块的文件路径或名称。如果是相对路径，可以省略后缀名。
导入默认模块
如果要导入一个默认模块，可以使用以下语法：
import module from 'module-name';
其中，module 是要导入的默认模块名，module-name 是模块的文件路径或名称。
导入全部模块
如果要导入一个模块的所有内容，可以使用以下语法：
import * as module from 'module-name';
其中，module 是要导入的模块名，module-name 是模块的文件路径或名称。
export 语句
在 TypeScript 中，我们可以使用 export 语句来导出一个模块，语法如下：
export { module };其中，module 是要导出的模块名。
导出默认模块
如果要导出一个默认模块，可以使用以下语法：
export default module;
其中，module 是要导出的默认模块名。
导出全部模块
如果要导出一个模块的所有内容，可以使用以下语法：
export * from 'module-name';
其中，module-name 是要导出的模块的文件路径或名称。
示例代码
以下是一个简单的示例，展示了如何在 TypeScript 中使用 import 和 export：
-- -------------------- ---- ------- -- --------- ------ ----- --- - ------ ------ ----- --- - ------ ------ ------- ---------- -- ------- ------ - ---- --- - ---- ----------- ------ ------------- ---- ----------- ----------------- -- -- ----- ----------------- -- -- ----- --------------------------- -- -- ---------
在上面的示例中，我们定义了一个名为 module 的模块，并导出了三个变量，其中一个是默认变量。然后，在 main.ts 中，我们使用 import 语句来导入 foo 和 bar 变量，以及 default 变量。最后，我们在控制台上输出这些变量的值。
结论
在 TypeScript 中，import 和 export 是管理模块之间依赖关系的重要工具。本文详细介绍了它们的用法，并提供了示例代码。希望本文能够帮助你更好地理解 TypeScript 中的模块系统。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673ed70b90e7ed93bee4fdff