在 TypeScript 中，我们可以使用 export 和 import 关键字来实现模块化开发，将代码分成多个文件，方便维护和重用。本文将介绍 TypeScript 中如何使用 export 和 import，包括不同的语法和用法，以及一些实际应用的例子。
export
在 TypeScript 中，我们可以使用 export 关键字来导出变量、函数、类等。导出的变量可以在其他文件中使用，实现代码的复用和拆分。下面是一些常见的 export 用法：
导出变量
------ ----- -- - ----- ------ --- ---- - ------------- ------ --- ---- ------ - ---
上面的代码导出了三个变量，分别是常量 PI、变量 name 和变量 age。这些变量可以在其他文件中使用。
导出函数
------ -------- ------ ------- -- -------- ------ - ------ - - -- -
上面的代码导出了一个函数 add，可以在其他文件中使用。
导出类
------ ----- ------ -
----- -------
---- -------
----------------- ------- ---- ------- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
-上面的代码导出了一个类 Person，可以在其他文件中使用。
导出默认值
------ ------- ---------- - ------------------- -------------- -
上面的代码导出了一个默认函数，可以在其他文件中使用。注意，每个模块只能有一个默认导出，而且不能与命名导出同时存在。
import
在 TypeScript 中，我们可以使用 import 关键字来引入其他模块导出的变量、函数、类等。下面是一些常见的 import 用法：
引入变量
------ - --- ---- - ---- -------------- ---------------- ------------------
上面的代码从 constants.ts 文件中引入了常量 PI 和变量 name，并在当前文件中使用。
引入函数
------ - --- - ---- ---------- ------------------ ----
上面的代码从 utils.ts 文件中引入了函数 add，并在当前文件中使用。
引入类
------ - ------ - ---- ----------- ----- - - --- ------------- ---- -------------
上面的代码从 person.ts 文件中引入了类 Person，并在当前文件中使用。
引入默认值
------ -------- ---- ---------- -----------
上面的代码从 hello.ts 文件中引入了默认函数，并在当前文件中使用。
总结
使用 export 和 import 可以帮助我们实现模块化开发，将代码分成多个文件，方便维护和重用。在 TypeScript 中，我们可以使用不同的语法和用法来导出和引入变量、函数、类等。通过本文的介绍和示例，相信读者已经掌握了 TypeScript 中如何使用 export 和 import，可以在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6638873ad3423812e4692825