在 TypeScript 中，我们可以使用 import 关键字来引入其他模块中的函数、类、接口等内容，以便在当前模块中使用。本文将介绍 import 关键字的用法，并通过示例代码来演示其使用方法。
基本用法
在 TypeScript 中，我们可以使用以下语法来使用 import 关键字：
------ - ------------ ----------- - ---- --------------
其中，identifier1 和 identifier2 是要引入的内容的标识符，可以是函数、类、接口等。module-name 是要引入的模块的名称。
例如，如果我们要引入一个名为 foo 的模块中的一个名为 bar 的函数，可以这样写：
------ - --- - ---- ------
然后，我们就可以在当前模块中使用 bar 函数了。
引入默认导出
除了引入具名导出之外，我们还可以使用以下语法来引入默认导出：
------ ------------- ---- --------------
其中，defaultExport 是要引入的默认导出的名称，module-name 是要引入的模块的名称。
例如，如果我们要引入一个名为 foo 的模块中的默认导出，可以这样写：
------ --------- ---- ------
然后，我们就可以在当前模块中使用 myDefault 变量了。
引入所有导出
如果我们要引入一个模块中的所有导出，可以使用以下语法：
------ - -- ---- ---- --------------
其中，name 是要引入的命名空间的名称，module-name 是要引入的模块的名称。
例如，如果我们要引入一个名为 foo 的模块中的所有导出，可以这样写：
------ - -- -------- ---- ------
然后，我们就可以在当前模块中使用 myModule 命名空间来访问 foo 模块中的所有导出了。
示例代码
下面是一个示例代码，演示了 import 关键字的用法：
-- ------ ------ - --- - ---- --------- -- ------ ------ --------- ---- -------------- -- ------ ------ - -- -------- ---- -------------- -- ------- ------------------ ---- -- -- - ----------------------- -- -- ------- ------- --------------------------- ---- -- -- - ----------------------------------- -- -- --- ---------
在这个示例代码中，我们分别演示了引入具名导出、默认导出和所有导出的用法，并使用引入的内容进行了一些操作。
总结
通过本文的介绍，我们了解了 TypeScript 中 import 关键字的用法，并通过示例代码演示了其使用方法。在实际开发中，我们可以根据需要灵活使用 import 关键字，以便更好地组织和管理代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/667eb771dc1ed1a61bde6d17