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

Question

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

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

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

Answer 1

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