简介
ECMAScript 2020 引入了一项新特性 dynamic import，它允许在运行时动态地加载模块，而不必在代码中提前引入。这个特性对于优化应用程序的性能和用户体验非常有帮助，因为它可以减少初始加载时间，只有在需要时才会加载必要的代码。
使用方法
基本语法
dynamic import 的基本语法非常简单，只需要在需要加载的模块前添加 import() 方法即可。例如：
import('./myModule.js')
.then((module) => {
// 在这里使用导入的模块
})
.catch((error) => {
// 处理加载模块失败的情况
});动态导入默认导出
如果要导入默认导出，可以使用 then() 方法来访问模块的默认导出。例如：
import('./myModule.js')
.then((module) => {
const defaultExport = module.default;
// 在这里使用导入的默认导出
})
.catch((error) => {
// 处理加载模块失败的情况
});动态导入命名导出
如果要导入命名导出，可以使用解构赋值的方式来访问模块的命名导出。例如：
import('./myModule.js')
.then((module) => {
const { namedExport1, namedExport2 } = module;
// 在这里使用导入的命名导出
})
.catch((error) => {
// 处理加载模块失败的情况
});动态导入多个模块
如果要同时动态导入多个模块，可以使用 Promise.all() 方法。例如：
-- -------------------- ---- -------
-------------
-----------------------
-----------------------
-----------------------
--
---------------- -------- --------- -- -
-- ----------
--
-------------- -- -
-- -----------
---使用场景
懒加载模块
使用 dynamic import 可以实现懒加载模块的功能，只有在需要时才会加载模块，从而减少初始加载时间。例如：
-- -------------------- ---- -------
-------- ------------- -
-----------------------
-------------- -- -
-- ----------
--
-------------- -- -
-- -----------
---
-根据条件加载模块
使用 dynamic import 可以根据条件动态地加载不同的模块，从而提高应用程序的灵活性和性能。例如：
-- -------------------- ---- -------
-------- --------------------- -
-- ----------- -
------ -----------------------
- ---- -
------ -----------------------
-
-
----------------
-------------- -- -
-- ----------
--
-------------- -- -
-- -----------
---总结
dynamic import 是 ECMAScript 2020 中的一项重要特性，它可以在运行时动态地加载模块，从而提高应用程序的性能和用户体验。在使用 dynamic import 时，需要注意避免过度使用，以避免影响代码的可维护性和可读性。同时，需要注意处理加载模块失败的情况，以提高应用程序的健壮性和可靠性。
示例代码
-- -------------------- ---- -------
-- -----------
------ ----- ------------ - ---------
------ ----- ------------ - ---------
------ ------- ----------------
-- --------
-------- --------------------- -
-- ----------- -
------ ------------------------
- ---- -
------ ---------------------------
-
-
----------------
-------------- -- -
----- - ------------- ------------ - - -------
----- ------------- - ---------------
-- ----------
--
-------------- -- -
---------------------
-- -----------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660fc7c5d10417a222072349