用jquery等大型项目中的JavaScript乱码？

Question

在那里调用javascript专家。 基本上我的问题是关于如何构建代码，无论是在视觉上还是在功能上，例如，您是否使用此结构将所有内容包装在对象中：

var myapp={
  binds:function(){
    //put some event listeners for jquery etc...
  },
  otherfunc:function(){
   //do some other thing
  },
  init:function(){
   //call myapp.binds and other functions and other stuff to intialize your app.
  }
};

然后最后

$(document).ready(myapp.init);

事情是这样的结构我认为JSLint抱怨不是吗？ 使用这样的结构有什么优点或缺点，或者是否有更好的方法来构建代码？ 您是否遵循$(document).ready(call)的某种模式，将所有事件监听器和“初始化”应用程序放在一起，是否对方法和变量使用单独的对象？

我也认为“视觉上”如果你有一个非常大的webapp这个结构最终看起来非常混乱，但也许只是我，我不知道，任何输入都表示赞赏谢谢。

Answer 1

Using Inheritance Patterns to Organize Large jQuery Applications

亚历克斯详细解释和更好的实践

http://alexsexton.com/?p=51

它非常好解释，必须看到

其他链接

• 如何在5个月前管理大型jQuery应用程序

Answer 2

只要您遵循老师认为您编程的基本规则，构建代码的方式并不重要：

1. 不要写重复的代码
2. 一个函数必须做1而且只有1件事
3. 记录您的代码
4. 其他一些小东西，但主要是上面的......哦，并应用了很多常识

Answer 3

你从中获得的唯一错误是“隐含的全球性”。 您可以通过使用this.document来取消文档警告（因为窗口是上下文）。 除非你粘贴jQuery源代码（然后gl中包含所有错误），否则$隐含的全局将保留。

我相信JSLint - 很多。 在大型项目中，我倾向于像上面那样创建对象文字，但我使用模块模式来实现对象安全性：

var myapp = (function () {
    var secret_stuff, public_stuff;
    return {
        stuff: public_stuff
    }
}());