Javascript文件组织和设计

Ily*_*lya 10 javascript

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

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

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

Chr*_*nte 9

处理多个JavaScript文件的最佳方法是将它们设计为模块.一个主要的JavaScript文件应该作为一种引导加载程序,它通过设置你的"命名空间"来引发事情(引用因为JavaScript没有类).例:

var myNamespace = {};
Run Code Online (Sandbox Code Playgroud)

在每个模块中,您都扩展了"命名空间".这有两个好处:

  • 最小化全局变量.在这种情况下,您将拥有一个全局.
  • 如果设计正确,易于混合和匹配(和重复使用)模块.

另请参阅此实现详细信息:https://stackoverflow.com/a/372​​2845/221061