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