Javascript文件组织和设计

Question

真正进入Web开发，尤其是JS，所以我想知道JS文件组织和职责委派方面的最佳实践是什么。我问这个是因为我有这种结构是有道理的：

• 主页（PHP）（包括对中央JS文件的引用）
• MAIN Javascript文件（包含对一个文件的引用，该文件仅包含命名空间或B类中的错误代码）

虽然这对我有意义，但我想知道我的观点是否错误，考虑到你不能自然地将JS文件包含在另一个中，除非你做了几个技巧（不，不是在讨论jQuery）。技巧可能意味着这不仅仅是因为它不适合语言的最佳实践，但在跨域问题方面并非总是如此。因此，在我深入研究草率设计之前，我只是好奇你们是如何分担责任的，或者只是将所有内容整合到一个文件中。

Answer 1

处理多个JavaScript文件的最佳方法是将它们设计为模块。一个主要的JavaScript文件应该作为一种引导程序，它通过设置你的“命名空间”来引发事情（引用因为JavaScript没有类）。例如：

var myNamespace = {};

在每个模块中，扩展“命名空间”。这有两个好处：

• 最小化全局变量。在这种情况下，您将拥有一个全局。
• 如果设计正确，可轻松混合和匹配（和重复使用）模块。

另请参阅此内容以了解实施细节：https://stackoverflow.com/a/3722845/221061

Answer 2

我会将类拆分为模块化JS文件，与您的域名匹配。使用YUI压缩器或其他工具压缩JS文件并缩小它们。

Answer 3

与使用多个JS文件相比，一个大型JS文件确实不那么糟糕。

如果您担心带宽，可以在服务器上压缩它，查看gzip或放气。