将代码分割成不同的Javascript文件

Splitting code into different Javascript files

本文关键字：Javascript 文件 代码 分割      更新时间：2023-09-26

我正在制作一款基于Javascript/HTML5画布的游戏，到目前为止我的JS代码有1200多行。我正在使用很多对象和很多不同的功能，所以一个问题出现在我的脑海里。

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

谢谢

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

如果你不想使用这些，那么这是一种时髦的JS方式:你包括所有的外部文件，像这样:

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

你可以使用requireJS——它允许你将你的代码分离成AMD模块，这可以很容易地在你的项目中使用。

要在生产环境中优化和缩小代码，你可以使用r.js, requireJS优化器，它允许你将所有模块连接到一个缩小和简化的文件中。

简单的答案是肯定的。你可以把每个对象及其属性和方法放在自己的文件中，按照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文件在同一文件夹中的目录

相关文章：