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