javascript - Javascript 好的编程风格的简单示例?

标签 javascript

我正在为 Javascript 苦苦挣扎。我的大部分问题都不是由于缺乏对语言的理解而引起的(好吧,那也是,但请耐心等待)。相反,主要问题是了解什么是好的编程/代码组织风格。

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

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

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

我能想到的每一个解决方案都让我觉得我在严重滥用该工具。最后,我感觉不太舒服,因为在我的编程经验中,我很少看到 javascript 代码,而且它与我接触过的所有语言都有很大不同。窥视我下载的第一个东西肯定是浪费时间,因为它被压缩和/或混淆和/或不是当前“良好的 javascript 实践”的“最新”,所以我问你一个简单的,强大而干净的网页及其关联的 javascript 代码,可快速进入正确的编程/代码布局风格。

(我正在使用 jQuery,但我的问题与此无关。不过,最好使用 jQuery 的示例)。

最佳答案

我在 this question 中有一个如何制作 JavaScript 应用程序的示例.总结是:

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

关于javascript - Javascript 好的编程风格的简单示例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1957948/

相关文章:

javascript - AngularJS 应用程序不再工作

javascript - Google Map API 地理编码器语言不起作用

javascript + php 不起作用

javascript - window.navigator 还是导航器?

javascript - 如何使 Youtube 嵌入适合屏幕高度,同时让它的宽度溢出

javascript - Owl Carousel - 在导航按钮中间放置一个图像计数器

javascript - 是否可以对 Chrome 扩展进行 Base64 编码?

javascript - 获取被点击的 li 元素的值

javascript - Angular 中 Promises/A+ 规范用法的 done() 方法

javascript - 使用映射和 localStorage 更新 KnockoutJS viewModel 以保持持久性