Javascript良好的编程风格的简单例子？

Question

我正在努力使用Javascript.我的大多数问题都不是因为缺乏对语言的理解而产生的(好吧,那也是对我的承受).相反,主要问题是了解什么是良好的编程/代码组织风格.

例如,我需要在页面中包含不同的实体(表单,文本区域,表格等),并根据事件(用户触发或Ajax)对其进行修改.

我的第一个想法是为每个实体定义一个类,在这些类的原型上定义方法,然后实例化将它们绑定到特定HTML id的类(隐式或用new实例化),并在事件和方法调用之间注册处理程序.换句话说,有点"QT式".我很快意识到这不是微不足道的.你不能直接将对象方法注册为回调,你必须将它们包装在一个闭包中,等等......

我的另一个想法是声明一堆回调函数,没有对象,每个回调操作全局变量和DOM.快速而肮脏,没有大惊小怪.这就像您的页面只是一个大型对象,其事件在内部处理.

我能想到的每一个解决方案都让我觉得我大肆滥用这个工具.最后,我觉得不舒服,因为我在编程经历中看到的javascript代码非常少,而且与我遇到的所有语言都有很大不同.偷看我下载它的第一个东西肯定是浪费时间,因为它是压缩和/或混淆和/或不是"最新"与当前"良好的JavaScript实践",所以我问你一个简单的,强大而干净的网页及其相关的javascript代码,可快速进入正确的编程/代码布局样式.

(我正在使用jQuery,但我的问题与此无关.但是,使用jQuery的示例将是首选).

Answer 1

我在这个问题中有一个如何制作 JavaScript 应用程序的示例。总结是：

• 为每个单例对象创建一个文件。在你的代码中，将ajax中间层和ui界面存储在单独的文件中
• 项目中通常为3层创建一个全局单例对象；GUI、后端和应用程序
• 切勿在 Backend 对象之外的任何地方使用纯 ajax。将服务器端页面的 URL 存储在 Backend 对象中，并创建一个使用该 URL 联系服务器的函数。
• 服务器上有一个 JSON 类，可以向客户端报告错误和异常。在 Backend 对象中，检查返回的 JSON 对象是否包含错误，并调用 GUI 类中的 serverError 函数将错误呈现给用户（或开发人员）。