“未定义”全局变量-非常奇怪

Question

民间，

我在“ global.js”中指定了一个全局变量，如下所示：

var GAME = {
    board: { 
        /* some custom properties here */ 
    },
    ...
}

在我的HTML文件中，我按以下顺序加载脚本文件：

<script src="/script/jquery.js"></script>
<script src="/script/global.js"></script>
<script src="/script/setup.js"></script>
<script src="/script/main.js"></script>

在最后加载的“ main.js”中，有一个简单的jQuery语句，如下所示：

$(document).ready(function() {
    MyFunction();
});

在“ setup.js”文件中定义了“ MyFunction”，在其中我声明了一个变量，如下所示：

var board = GAME.board;

我认为这应该是一个简单的练习，即以指定的顺序加载一系列脚本文件，等到所有脚本加载完毕后，再调用“ MyFunction”，该MyFunction引用了全局变量“ GAME”。 但是，当我在Firefox中加载它时，出现TypeError: GAME is undefined错误。 令我更加困惑的是，IDE的智能感知在其参考点拾取了GAME的所有成员对象（包括“ board”），因此毫无疑问，至少在IDE上下文中正确识别了全局变量。

任何建议将不胜感激。

Answer 1

尝试重新排序js文件，我以前先定义全局文件，然后再定义所有其他文件。 我认为必须正确的顺序

<script src="/script/global.js"></script>
<script src="/script/jquery.js"></script>
<script src="/script/setup.js"></script>
<script src="/script/main.js"></script>

在最新的项目中，我在<script>标签而不是文件中定义了全局变量。 而且工作正常。