将代码拆分为不同的Javascript文件

Question

我正在开发基于Javascript / HTML5画布的游戏，到目前为止，我的JS代码长达1200多行。 我正在使用大量的对象和许多不同的功能，所以我想到了一个问题。

是否有任何可能的方法在单独的JS文件和主文件中包含单独的对象，我将在其自己的JS文件中引用这些分隔的对象？我只想保持我的代码简单，因为它开始看起来有点凌乱。

谢谢

Answer 1

就像akluth所说，你可以使用外部库“加载”你的外部Javascript文件。

如果您不想使用其中任何一种，那么它就是Gool'ol时尚的JS方式：您包含所有外部文件，如下所示：

<script type="text/javascript" src="external/file.js"></script>

Answer 2

您可以使用requireJS - 它允许您将代码分成AMD modules，这可以在您的项目中轻松使用。

要在生产环境中使用优化和缩小的代码，您可以使用r.js, the requireJS optimizer，这样您就可以将所有模块连接到一个缩小和放大的文件中。

Answer 3

简单的答案是肯定的。您可以将每个对象及其属性和方法放在自己的文件中，按照Jarrod的建议加载每个文件。

<script type="text/javascript" src="external/main.js"></script>
<script type="text/javascript" src="external/obj1.js"></script>
<script type="text/javascript" src="external/obj2.js"></script>

其中“external”是与HTML文件位于同一文件夹中的目录。