0

问题是我有一个非常大的 JS 文件,有 5.000 多行代码,其中包含几个对象(一些从其他对象继承)、函数等。

但是如果你试图找到一些东西,你需要很多时间,因为它太大了,我的 IDE (Netbeans) 并没有真正足够清楚地表示它。即导航对JS的支持不是很好,会合并同名的变量,虽然它们是局部变量并且出现在不同的对象中。

我真的不想把它分成很多文件(即每个对象一个),因为我必须在实时服务器上再次合并它们。

你如何构建你的 JS 文件?你有没有找到一个很好的命名方案或什么的?

更新:

到目前为止,我发现,拆分成多个文件是个好主意......你如何命名你的文件?你怎么组织他们?

4

3 回答 3

3

我建议将其拆分为许多较小的、可维护的文件,然后在生产中使用SquishIt(或类似的,取决于您的服务器端语言)来缩小脚本并将其连接回单个文件。

于 2012-04-04T14:38:26.150 回答
1

我的设置对每个对象都有单独的文件。这对我来说是理想的,因为它使查找东西变得非常容易。

拥有一个简单的“构建”脚本也很容易,它以正确的顺序将所有文件连接在一起。我还让我的脚本通过Closure Compiler运行连接文件,这会造成无法阅读的混乱,但会将我的脚本压缩到原始大小的 1/3 左右。

在我看来,制作一个“构建”脚本以获得单独文件的所有清晰度是值得的。

编辑:

这样做的另一个好处是我有两个版本的脚本。连接的“调试”版本是人类可读的,而缩小的“生产”版本绝对不是。

当我尝试时,页面链接了可读版本;当它上线时,页面会链接缩小版本以加快加载速度(并且可读性不再重要)。

于 2012-04-04T14:38:43.707 回答
0

我不会迷失在我的 .JS 文件中的唯一方法是用 3 行这样的注释来分隔每个函数/对象:
/ -------- ------------------------------------ // ------------
_ ----第 BC-204 节
---- // ------------------------ ------------------------------------------- /

我看到的另一种方式是,正如您所说的将它们分成不同的文件,但即使在那里,浏览所有文件仍然很痛苦。

于 2012-04-04T14:39:58.880 回答