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

标签 javascript ecmascript-6 es6-modules

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

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

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

最佳答案

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

关于javascript - 使用类型模块访问脚本标记中定义的变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51547745/

相关文章:

javascript - 为什么这会抛出一个未定义的异常?

javascript - 如何将 es6 模板文字与外部 html 文件一起使用

javascript - 如何使用 ES6 类在 AngularJS Controller 中保持注入(inject)的依赖项私有(private)

javascript - 根据组件调用次数从现有数组构建新数组

javascript - 安全的 Node.js Restful API

javascript - 暂时删除事件监听器,然后在执行某些操作后立即将其添加回来

javascript - Object.assign()、函数式方法和内存使用

javascript - 在 VS Code Webview 中使用 ES6 模块

javascript - 如何使用 ES6 模板文字进行函数调用

javascript - 在不知道分配的变量名称的情况下访问所有导入