Javascript 游戏，模块 raphael 未定义

Question

我正在这里开发一个游戏引擎: http://synodins.com/apps/tank_fight但现在，由于某种原因，它不再运行了。我无法启动 Raphael 模块，当我使用 mozilla Web 调试器运行该站点时，我得到“Raphael 未定义”。但这没有任何意义，因为它在 raphael.js 模块中定义得非常清楚。

此外，有时游戏运行得很好，比如我每尝试 20 次。并且没有明确的模式来说明它的工作原理。
我在尝试启动 raphael 之前打印出 Hello world 1，尝试后打印出 hello world 2。
有人能看出问题出在哪里吗？

Answer 1

load_script 调用 block 异步加载脚本。这就是为什么看起来没有明确的模式。

无法保证 raphael.js 在以下行时已加载(因此，Raphael 已定义):

var playing_area = Raphael(0,50,1600,1600);

被调用。

您应该等到整个文档准备好后再尝试使用外部脚本中定义的变量。一般情况下，这是文档的onload事件。 jquery 等各种库也提供自己的“就绪”事件，如果您使用它们，您可以将其绑定(bind)。

您是否有任何理由以这种方式加载脚本，而不是简单地使用标记，如下所示？

<script src="raphael.js"></script>