在 ES2020 中，新增了一个全局选项 importMeta，它可以让我们在模块中访问模块的元信息，包括模块的绝对路径、模块所在的 URL 等。这为我们开发前端应用程序带来很多的便利。
使用 importMeta 的指导意义
在之前的 ES 版本中，我们只能通过全局变量 __filename 和 __dirname 获取模块的路径，但是它们是 Node.js 所提供的，无法在浏览器中使用。而现在，通过 importMeta 我们可以更加方便地获取模块信息，在前端开发中有很大的指导意义。
例如，我们在 index.html 中引入了一个 main.js 文件，而在 main.js 中又引入了一个 utils.js 文件，我们就可以使用 importMeta 来获取 utils.js 的元信息，而无需手动维护路径信息，提高了开发效率。
示例代码
下面我们来看一个使用 importMeta 获取模块信息的示例代码：
在 main.js 中，我们可以这样使用 importMeta 获取 utils.js 的元信息：
----------------------------- -- -- -------- -----
在 utils.js 中，我们也可以这样获取 utils.js 的元信息：
----------------------------- -- -- -------- -----
可以看到，我们在不同的模块中都可以使用 importMeta 来获取当前模块的元信息。
总结
通过介绍 importMeta，我们了解到了它的作用和用法，以及在前端开发中的指导意义和优势。使用 importMeta 能够更加方便地访问模块的元信息，使得前端开发更加高效和简便。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f033c0f6b2d6eab3a26a8d