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