在 ECMAScript 2020 中，新加入了 import() 动态导入功能。这个新功能使得在 JavaScript 中动态地加载模块成为可能，这在前端开发中是非常有用的。
import() 的基本语法
import() 是一个异步函数，它可以动态地加载一个模块。它的基本语法如下：
------------------
-------------- -- -
-- ------------
--
-------------- -- -
-- ------------
--其中，moduleName 是一个字符串，表示要加载的模块的路径。import() 函数返回一个 Promise 对象，它的 then() 方法中的回调函数会在模块加载成功后被调用，而 catch() 方法中的回调函数会在模块加载失败后被调用。
import() 的优点
import() 动态导入功能有以下几个优点：
- 延迟加载：使用 import() 可以实现按需加载，减少页面加载时间和资源消耗。
- 动态加载：使用 import() 可以根据不同的条件动态地加载不同的模块。
- 异步加载：使用 import() 可以异步加载模块，避免阻塞页面渲染。
import() 的示例代码
下面是一个使用 import() 动态导入模块的示例代码：
----- -------- ------------ -
--- -
----- -------- - ----- ------------------------
-----------------------
- ----- ------- -
---------------------
-
-
-------------在这个示例中，我们使用了 async/await 语法来实现异步加载。我们首先定义了一个 loadModule() 函数，它使用 import() 函数来加载 myModule.js 模块。如果加载成功，我们就可以调用这个模块的 doSomething() 方法了。
总结
import() 动态导入是 ECMAScript 2020 中的一个非常有用的功能。它可以帮助我们实现按需加载、动态加载和异步加载等功能，从而提高页面的性能和用户体验。在实际开发中，我们可以根据需要灵活地使用 import() 来加载模块。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662550f4f76562e4b391a851