javascript - 是否有组织 Javascript 代码的最佳方法？

Question

我一直在做一个小型 Web 应用程序，使用 jQuery 在 Javascript 中添加行为和附加 DOM 对象。问题是代码开始增长得非常快，我不知道将它存储在哪里(无论是在使用它的同一页面中，还是在一个大的 js 文件中)。
在这一点上，我有:

1个带有存储一些对象的js文件
从同步信息
服务器，以及最重要的
方法(应该跨
应用程序)。其中之一
方法包括一个 DOM 元素
生成器(然后我从
在所需的网页中)。

1个
使用大方法的文件是
当 window.ready 添加时调用
行为到一堆 DOM 对象(仅与网页相关)。

填写了一些标签
页面中的代码没有
使用第二个js文件。此代码也与网页相关。

现在，你可能会用你的眼睛杀死我，我知道。这绝对不是存储 Javascript 的好方法(或至少不一致)。所以，我的问题是:

是否有组织 Javascript 代码的最佳方法？

我想至少我应该遵循一个规则，但问题是我不确定是否最好为所有“全局数据和方法”拥有一个 js 文件，然后将其他文件存储在较小的 js 文件中，或者，或者干脆放弃去喝茶。

你们有什么感想？提前致谢!

PS:显然代码重用是一个好点。但是，我将重用最多的脚本保存在第一个 js 文件(包含全局内容的文件)中。

Answer 1

我通常将全局脚本存储在一个通用文件中，并且每个页面都有其单独的脚本文件。

您可以将特定于页面的脚本文件与页面一起存储(在同一个文件夹中)或在一个通用的“脚本”文件夹中复制站点的目录结构(如果您有很多脚本文件很有用)，两种方式我都有脚本文件命名为它们的页面对应项，以使映射变得容易。

此外，您可以使用命名空间来进一步组织您的代码。