随着前端开发的发展，JavaScript 也在不断地更新迭代，为了让开发者更加高效、便捷地进行开发，ECMAScript 2021（ES12）新增了 import.meta 和 import() 方法，这两个方法的出现极大地提升了前端开发的效率和可维护性。
import.meta
import.meta 是一个元数据对象，它提供了一些有用的信息，例如模块的 URL、模块类型等。这些信息可以帮助我们更好地了解和管理模块，以及在代码中进行一些特殊的处理。
在使用 import.meta 时，我们可以使用以下属性：
import.meta.url：返回当前模块的 URL。import.meta.scriptElement：返回当前模块的 script 元素。import.meta.env：返回当前模块的环境变量。
下面是一个使用 import.meta.url 的示例代码：
-----------------------------
执行结果如下：
------------------------------
在这个示例中，我们可以获取当前模块的 URL，以便在代码中进行一些处理。
import()
import() 方法是一个动态导入方法，它可以在运行时加载模块，而不是在编译时加载。这使得我们可以更加灵活地管理模块，以及在需要时才加载模块，从而提高应用程序的性能和可维护性。
在使用 import() 方法时，我们可以使用以下语法：
------------------
-------------- -- -
-- ----
--
-------------- -- -
-- ----
---下面是一个使用 import() 方法的示例代码：
------------------------------------------
-------------- -- -
--------------------
--
-------------- -- -
---------------------
---在这个示例中，我们可以动态地加载一个模块，并在加载完成后处理模块的内容。
总结
ECMAScript 2021（ES12）的 import.meta 和 import() 方法为前端开发带来了更加高效、便捷的开发体验。使用这两个方法可以帮助我们更好地管理和加载模块，以及在代码中进行一些特殊的处理。在实际开发中，我们可以根据具体的需求灵活地使用这两个方法，从而提高应用程序的性能和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f3f44c2b3ccec22fc6021d