在 ES11 中，出现了一个新的全局对象 import.meta，用于获取模块的元数据信息。在模块化开发中，import 和 export 已经成为了日常开发中必不可少的语法，而 import.meta 则是一个非常实用的补充，它可以帮助我们获取模块的一些元数据信息，如模块的路径、模块的类型等等。
模块的路径
import.meta.url 属性可以获取当前模块的路径，返回一个字符串表示模块的绝对路径，具体使用方法如下：
console.log(import.meta.url); // 输出当前模块的绝对路径
模块类型
import.meta 还可以获取当前模块的类型，即模块是 script 还是 module。在传统的脚本中，所有的脚本都是 script 类型，而在模块化开发中，我们可以通过 type="module" 来声明一个脚本为 module 类型。具体使用方法如下：
console.log(import.meta.type); // 输出当前模块的类型
总结
import.meta 的出现，为我们获取模块的元数据信息提供了非常方便的方式，尤其是在一些需要动态加载模块的场景下，可以帮助我们更好地处理模块的路径和类型信息，提高了开发效率。同时，也需要注意，import.meta 是一个全局对象，只能在模块化开发中使用。
参考示例
// index.js console.log(import.meta.url); // 输出当前模块的绝对路径 console.log(import.meta.type); // 输出当前模块的类型
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ES11 中 import.meta 示例</title>
</head>
<body>
<script type="module" src="./index.js"></script>
</body>
</html>来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65acdd67add4f0e0ff66fc96