ES8（EcmaScript2017）是 JavaScript 的一种版本，其中包含了很多新的特性和改进，让我们更加高效地编写 JavaScript 代码。其中一个新特性就是 ES6 模块支持动态导入导出。
什么是动态导入导出？
在 ES6 中，我们可以使用 import 和 export 关键字来进行模块导入和导出。但是在 ES6 中，这些关键字只能在模块的顶层进行使用，也就是说我们需要在代码中明确指定要导入或导出的模块。
在 ES8 中，我们可以使用 import() 函数来动态地导入一个或多个模块。它不需要在代码中明确指定要导入的模块，而是可以在运行时根据需要决定要导入的模块。
同样地，我们也可以使用 export() 函数来动态地导出一个或多个模块。这也意味着我们可以在运行时根据需要决定要导出的模块。
动态导入导出的用途
动态导入导出的一个重要用途是解决代码拆分的问题。当我们的应用程序变得越来越庞大时，我们需要将代码拆分成多个模块以提高性能和可维护性。使用动态导入导出可以使我们只在需要时才加载模块，从而减少初始加载时间和内存使用。
此外，动态导入导出还可以用于按需加载插件、组件和其他第三方库，以提高应用程序的灵活性和可定制性。
示例代码
下面是一个简单的示例代码，演示了如何使用 import() 函数动态导入一个模块。在这个示例中，我们有两个模块：module1.js 和 module2.js。
-- -------------------- ---- ------- -- ---------- ------ -------- ----- - ----------------- -- -------- --- -- ------ ----- - -- ---------- ------ -------- ----- - ----------------- -- -------- --- -- ------ ----- - -- ------- ----- -------- -------------- - ----- ------ - ----- ----------------------- ------------- - ---------------
在这个示例中，我们首先定义了两个模块 module1.js 和 module2.js，它们都导出了一个函数。然后，在 main.js 文件中，我们使用 import() 函数从 module1.js 文件中动态地导入模块，并调用 foo() 函数。由于 import() 函数返回一个 Promise 对象，因此我们需要使用 await 关键字来等待 Promise 的解析。
结论
动态导入导出是 ES8 中非常有用的新特性。它可以帮助我们解决代码拆分、按需加载以及其他一些常见的问题。如果你还没有开始使用动态导入导出，那么现在就是一个很好的时机开始了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670220b2d91dce0dc8468f43