javascript - 使用类型模块访问脚本标记中定义的变量？

Question

我的 HTML 中有一个带有类型模块的脚本标签，它导出一个变量：

<script type="module">
  var life = 42;
  export { life };
</script>

如何life从其他脚本标签或 Chrome 控制台访问以进行调试？

Answer 1

首先，您应该export在单独的 js 文件中使用，而不是嵌入在 html 文件中。我不确定是否import适用于 html 文件。但是，对于另一个 js 文件中的单独 js 文件，您可以只使用它import {life} from 'path/to/file'来加载变量。如果它嵌入在 html 中并且您在同一页面中使用脚本，则不需要并且只需使用变量export即可访问。事实上，这实际上阻止了脚本标签中定义的变量被访问。如果要访问同一页面上的变量，则应将其删除。这同样适用于页面上的开发者控制台。lifelifetype="module"