Javascript：从另一个js文件访问全局变量时，其值会丢失

Question

我正在使用nodejs和socket.io制作一个应用程序（游戏）。

我只有几个javascript文件，这里需要考虑三个： userDetails.js ， board.js和modal.html 。

现在，让userDetails.js文件具有一个声明的变量： var myUserName 。 由于它是全局的，因此我也将其扩展为也可以从其他文件访问它。

我的board.html文件加载board.js文件。 board.js文件包含以下子代码：

window.onload = init;
function init() {
    setUserName();
    . . . 
}
function setUserName(){
    var myUrl = window.location.href;
    myUserName = myUrl.slice(muUrl.indexOf("?")+1,myUrl.indexOf("!"));
    //here myUserName gets some value like "John"
}

我的modal.html将此作为子代码：

<script type="text/javascript" src="Scripts/userDetails.js"></script>
<script>
. . . 
document.getElementById("username").innerHTML = MyUserName;
//myUserName loses its value here. Its undefined.
showNow();
</script>

showNow()函数显示模式。

问题：显示模态时，用户名id显示为“ undefined”作为值。 myUserName具有一些值，然后为什么在modal.html文件modal.html其视为“未定义”。

Answer 1

它的不确定，因为你是一个大写字母称其MyUsername ，而你是declearing它var myUserName 。

Answer 2

我想你可能会忘记出口myUserName在为userDetails添加结束

module.exports = myUserName;

以及您想使用它的任何地方

var myUserName = require("yourPath/userDetails.js");