在 ECMAScript 2020 中，import() 方法被引入来对 Javascript 模块加载进行细节改进。这个方法可以让你延迟加载模块，而不需要在代码中一开始就加载它们。这可以提高应用程序的性能和响应速度，并减少不必要的请求。
import() 方法的语法
import() 方法的语法非常简单并非常类似与传统的 import 语言。
------------------
-------------- -- -
-- --- ------
--
-------------- -- -
-- ------ -----
---在这个语法中，modulePath 参数是一个字符串，指定了要加载的模块的路径。当然，这个不同于传统的 import 语句，import 语句中的路径必须是静态的，而 import() 方法中的路径可以是动态生成的。当然，这种能力非常强大且灵活，可以让你根据需要决定何时加载哪些模块。这就意味着，可以动态确定加载哪些 JavaScript 模块，可以大大提高应用程序的性能。
import() 方法的优点
- 延迟加载。与传统的 import 语句不同，使用 import() 方法可以延迟加载模块。这意味着，可以只在需要时才加载模块，而不需要在代码开始时就加载全部模块。这可以提高应用程序的性能和响应速度。
- 动态路径。使用 import() 方法的路径可以是动态生成的，而不需要在代码中指定静态的路径。这可以让你根据需要决定何时加载哪些模块。
- 提供错误处理。使用 import() 方法可以处理模块加载错误，这可以避免应用程序崩溃或导致其他问题。使用 then() 和 catch() 方法可以有效地捕获模块加载错误并处理它们。
import() 方法的示例
以下示例将演示如何使用 import() 方法来延迟加载 Javascript 模块。首先，我们需要创建一个模块并导出其中的方法：
-- ------- ----- -------- ------------ - ----- ------ - ----- ---------------------- ------------------ - -------------
接下来，我们创建模块文件 module.js，导出 sayHello 方法：
-- --------- ------ -------- ---------- - ------------------ -------- -
当 loadModule() 函数被调用时，它会使用 import() 方法来动态加载模块文件 module.js。如果加载成功，将调用模块中的 sayHello() 方法并在控制台上打印 “Hello World”。
在这个示例中，我们可以看到，使用 import() 方法非常简单且灵活。它可以让你根据需要决定何时加载哪些JavaScript 模块，并可以提供错误处理，以避免应用程序出现问题。
总结
ECMAScript 2020 中的 import() 方法可以为您提供更好的控制和灵活性来加载Javascript 模块。使用它可以延迟加载模块，定义动态的路径，并提供错误处理。这可以提高应用程序的性能和响应速度，并减少不必要的请求。使用 import() 方法非常简单且灵活，可以让你根据需要获取何时加载哪些JavaScript 模块。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64ed5ce8f6b2d6eab3784fce