ECMAScript 2020 是 Javascript 的最新版本，它引入了许多新的特性和语法，其中包括 Dynamic Import 和 Import() 函数。这两个新特性可以帮助前端开发人员更好地管理模块和代码，提高代码的可维护性和可扩展性。
Dynamic Import
Dynamic Import 是 ECMAScript 2020 中引入的一种新的模块加载方式，它可以在运行时动态加载模块，而不是在编译时就加载。这使得开发人员可以根据需要动态加载模块，从而提高应用程序的性能和响应速度。
Dynamic Import 的语法非常简单，只需要在代码中使用 import() 函数即可。例如：
const module = import('./path/to/module.js');这里的 import() 函数返回一个 Promise 对象，它可以在加载完成后解析为目标模块的 exports 对象。使用 Dynamic Import 可以帮助开发人员更好地管理模块依赖关系，避免不必要的加载，从而提高应用程序的性能。
Import() 函数
Import() 函数是 Dynamic Import 的实现方式，它可以帮助开发人员动态加载模块，并在运行时使用这些模块。使用 Import() 函数可以避免在编译时加载所有的模块，从而提高应用程序的性能和响应速度。
Import() 函数的语法非常简单，只需要在代码中使用 import() 函数即可。例如：
import('./path/to/module.js')
.then(module => {
// 模块加载成功
})
.catch(error => {
// 模块加载失败
});这里的 import() 函数也返回一个 Promise 对象，它可以在加载完成后解析为目标模块的 exports 对象。使用 Import() 函数可以帮助开发人员更好地管理模块依赖关系，避免不必要的加载，从而提高应用程序的性能。
示例代码
下面是使用 Dynamic Import 和 Import() 函数的示例代码：
-- -------------------- ---- -------
-- -- ------- ------ ----
----- ------ - -----------------------------
------------ -- -
-- ------
--
------------ -- -
-- ------
---
-- -- -------- ------
-----------------------------
------------ -- -
-- ------
--
------------ -- -
-- ------
---总结
以上是关于 ECMAScript 2020 中 Dynamic Import 和 Import() 函数的简介。使用 Dynamic Import 和 Import() 函数可以帮助开发人员更好地管理模块和代码，提高代码的可维护性和可扩展性。如果你是一名前端开发人员，建议你学习和掌握这两个新特性，以便在实际开发中更好地应用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6628b4d1c9431a720c5d5ec8