我正在开发一个基于 Javascript/HTML5 画布的游戏，到目前为止，我的 JS 代码已经超过 1200 行。我正在使用很多对象和很多不同的功能，所以我想到了一个问题。
是否有任何可能的方法在单独的 JS 文件和主文件中有单独的对象，我会在他们自己的 JS 文件中引用这些单独的对象？我只想保持我的代码简单，因为它开始看起来有点乱。
谢谢
问问题
154 次
3 回答
2
就像 akluth 所说，您可以使用外部库来“加载”您的外部 Javascript 文件。
如果您不想使用其中任何一个，那么这是 gool'ol 风格的 JS 方式：您包含所有外部文件，如下所示：
<script type="text/javascript" src="external/file.js"></script>
于 2013-04-15T19:56:26.030 回答
1
您可以为此使用requireJS - 它允许您将代码分离到AMD 模块中，这些模块可以在您的项目中轻松使用。
要在您的生产环境中优化和缩小代码，您可以使用r.js，这是一个 requireJS 优化器，它允许您将所有模块合并到一个缩小和 uglified 文件中。
于 2013-04-15T16:00:16.140 回答
0
简单的答案是肯定的。您可以按照 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>
其中“外部”是与您的 HTML 文件位于同一文件夹中的目录。
于 2013-04-16T16:33:34.810 回答