jquery结构 - 每个文件一个函数

Question

我主要是一名c＃程序员。我最近进入了一些jquery开发。当我在c＃中处理应用程序时，我为我创建的每个新类创建一个新的类文件（.cs）。

人们通常如何构建他们的jquery / javascript应用程序。我想在页面之间重用一些功能，所以我将每个函数放在它自己的.js文件中吗？或者最好的做法是将类似功能分组到文件中？我无法看到将每个文件放在它自己的文件中，因为这会创建许多调用以将单个文件导入页面....

其他人如何处理这些类型的情况。 谢谢你的任何想法。

编辑 - 我应该提到我开始使用QUnit查看单元测试，并认为合适的项目结构可以更好地促进单元测试。

Answer 1

如果你把它们全部放在不同的文件中，你可能希望有一个构建脚本，它将它们组合成一个（或者只是几个），因此你没有500个Javascript文件可以下载到你的浏览器中。

Answer 2

我通常将所有插件保存到他们的透视文件中，但我创建的函数我倾向于放入整个网站将从中提取的“global.js”文件。然后，当需要特定功能时，我不必担心拉入特定文件。它将全球化。

Answer 3

我建议将您的常用功能放到util.js文件中，然后根据功能排列您的javascript代码。

然而，在每个页面中包含大量js文件并不是一个好习惯，因此您可以考虑将文件组合成单个文件并缩小最终的js文件。通过这种方式，您可以优化最终产品，同时能够单独测试功能。

Answer 4

将所有内容放在一个文件中。多个HTTP请求比大文件更昂贵，而且您确信已经加载了包含您需要的功能的文件。