javascript - const/let 与另一个 `<script type="模块">` block 未定义

Question

这适用于 Chrome 和 Firefox。 Safari 给出控制台错误:未处理的 promise 拒绝:ReferenceError:找不到变量:A。

1. 如果 HTML 文件中有多个 script block ；
2. 如果至少一个 script block 包含 type="module"

index.html:

<script>
 const A = 'A'
 console.log({ A })
</script>

<script type="module">
 const B = 'B'
 console.log({ A, B })
</script>

Answer 1

script 中的

const/let(不含 type="module")可被 Chrome 和 Firefox 中的其他脚本访问，但无法访问在 Safari 中。

通过用 var 替换 const 我可以避免我的问题，因为 var 在所有浏览器上都是全局范围的。