脚本类型中的变量是否=“模块”“不可见”？

Question

说我有以下代码：

//myjs.js
let testingVisibility = "hello";

<script type = "module" src = "myjs.js"></script>

当我想通过Firefox中的控制台访问testingVisibility变量时，未声明testingVisibility变量。

Answer 1

因为您尚未导出它们-导出是type="module"的重点。只需使用普通脚本即可：

<script src="myjs"></script>

如果要使用type="module"，请从myjs导出内容：

export let testingVisibility = "hello";

然后在您的HTML中;

<script type="module">
    import { testingVisibility } from "./myjs";
    //Do stuff with testingVisibility
</script>