从 Electron 中所需的 JS 模块访问父变量答案

【问题标题】：Access parent variables from required JS Modules in Electron从 Electron 中所需的 JS 模块访问父变量
【发布时间】：2020-08-06 17:55:32
【问题描述】：

请耐心等待，这里有点二人组。首先，我认为如果我的主要 JS 像这样设置是正确的..

const myModule = require('./myModule');
let parentVar = 'foo';
myModule.test();

..我像这样设置所需的模块..

module.exports = {
    test: ()=>{
        console.log(parentVar);
    }
}

..当主脚本调用myModule.test() 时它应该抛出一个错误，因为它无法访问parentVar？这是我在传统 Web 构建中使用模块的经验和理解。

现在，我正在构建一个 Electron 应用程序（使用 Electron Forge），在这里我可以调用 myModule.test()，它成功了，似乎可以访问变量在主脚本中声明。

我试图理解为什么会这样，并且我可以看到两个可能相关或不相关的差异。

谁能解释一下为什么 required 模块可以访问 Electron 中 requirer 的属性？

谁能解释为什么我的 require 语句只适用于 Electron 中的根相对路径？

谢谢大家:)

编辑这一切都发生在渲染器中。使用标准<script> 标记将主 JS 加载到我的 index.html 中。然后它需要那里的模块。

【问题讨论】：

【解决方案1】：

经典的简单易懂的问题。

我在 html 中包含我的主脚本时，我只需要给标签一个 type="module"。我想如果没有这个，脚本只是加载到页面中而没有任何模块化包装，这就是为什么该变量可以全面使用。

在我的index.html 中，脚本标签现在看起来像这样..

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

【讨论】：