摘要：介绍本篇主要是介绍创建对象方面的模式，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式1：命名空间（namespace）命名空间可以减少全局命名所需的数量，避免命名冲突或过度。一般我们在进行对象层级定义的时候，经常是这样的：var app = app || {};app.moduleA = app.moduleA || {};app.moduleA.subModule = app.moduleA.subModule || {};app.moduleA.subModule.MethodA = function () { console.log("print A&quo 阅读全文
深入理解JavaScript系列（46）：代码复用模式（推荐篇）
2012-04-24 08:38 by 汤姆大叔, 22055 阅读, 34 推荐, 收藏, 编辑
摘要：介绍本文介绍的四种代码复用模式都是最佳实践，推荐大家在编程的过程中使用。模式1：原型继承原型继承是让父对象作为子对象的原型，从而达到继承的目的：function object(o) { function F() { } F.prototype = o; return new F();}// 要继承的父对象var parent = { name: "Papa"};// 新对象var child = object(parent);// 测试console.log(child.name); // "Papa"// 父构造函数function Person() 阅读全文
深入理解JavaScript系列（45）：代码复用模式（避免篇）
2012-04-23 08:02 by 汤姆大叔, 16802 阅读, 18 推荐, 收藏, 编辑
摘要：介绍任何编程都提出代码复用，否则话每次开发一个新程序或者写一个新功能都要全新编写的话，那就歇菜了，但是代码复用也是有好要坏，接下来的两篇文章我们将针对代码复用来进行讨论，第一篇文避免篇，指的是要尽量避免使用这些模式，因为或多或少有带来一些问题；第二排是推荐篇，指的是推荐大家使用的模式，一般不会有什么问题。模式1：默认模式代码复用大家常用的默认模式，往往是有问题的，该模式使用Parent()的构造函数创建一个对象，并且将该对象赋值给Child()的原型。我们看一下代码：function inherit(C, P) { C.prototype = new P();}// 父构造函数funct... 阅读全文
深入理解JavaScript系列（44）：设计模式之桥接模式
2012-04-19 07:08 by 汤姆大叔, 15009 阅读, 21 推荐, 收藏, 编辑
摘要：介绍桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。正文桥接模式最常用在事件监控上，先看一段代码：addEvent(element, 'click', getBeerById);function getBeerById(e) {var id = this.id;asyncRequest('GET', 'beer.uri?id=' + id, function(resp) {// Callback response.console.log('Requested Beer: ' + resp.respon 阅读全文
深入理解JavaScript系列（43）：设计模式之状态模式
2012-04-18 06:56 by 汤姆大叔, 13678 阅读, 17 推荐, 收藏, 编辑
摘要：介绍状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。正文举个例子，就比如我们平时在下载东西，通常就会有好几个状态，比如准备状态（ReadyState）、下载状态（DownloadingState）、暂停状态（DownloadPausedState）、下载完毕状态（DownloadedState）、失败状态（DownloadFailedState），也就是说在每个状态都只可以做当前状态才可以做的事情，而不能做其它状态能做的事儿。由于State模式描述了下载（Download）如何在每一种状态下表现出不同的行为。这一模式的关键思想就是引入了一个叫做 阅读全文
深入理解JavaScript系列（42）：设计模式之原型模式
2012-04-16 09:11 by 汤姆大叔, 13894 阅读, 15 推荐, 收藏, 编辑
摘要：介绍原型模式（prototype）是指用原型实例指向创建对象的种类，并且通过拷贝这些原型创建新的对象。正文对于原型模式，我们可以利用JavaScript特有的原型继承特性去创建对象的方式，也就是创建的一个对象作为另外一个对象的prototype属性值。原型对象本身就是有效地利用了每个构造器创建的对象，例如，如果一个构造函数的原型包含了一个name属性（见后面的例子），那通过这个构造函数创建的对象都会有这个属性。在现有的文献里查看原型模式的定义，没有针对JavaScript的，你可能发现很多讲解的都是关于类的，但是现实情况是基于原型继承的JavaScript完全避免了类（class）的概念。我们 阅读全文
深入理解JavaScript系列（41）：设计模式之模板方法
2012-04-13 09:04 by 汤姆大叔, 10311 阅读, 19 推荐, 收藏, 编辑
摘要：介绍模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。模板方法是一种代码复用的基本技术，在类库中尤为重要，因为他们提取了类库中的公共行为。模板方法导致一种反向的控制结构，这种结构就是传说中的“好莱坞法则”，即“别找找我们，我们找你”，这指的是父类调用一个类的操作，而不是相反。具体体现是面向对象编程编程语言里的抽象类（以及其中的抽象方法），以及继承该抽象类（和抽象方法）的子类。正文举个例子，泡茶和泡咖啡有同样的步骤，比如烧开水（boilWater）、冲泡（brew）、倒在杯子里（ 阅读全文
深入理解JavaScript系列（40）：设计模式之组合模式
2012-04-12 08:35 by 汤姆大叔, 13114 阅读, 17 推荐, 收藏, 编辑
摘要：介绍组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。常见的场景有asp.net里的控件机制（即control里可以包含子control，可以递归操作、添加、删除子control），类似的还有DOM的机制，一个DOM节点可以包含子节点，不管是父节点还是子节点都有添加、删除、遍历子节点的通用功能。所以说组合模式的关键是要有一个抽象类，它既可以表示子元素，又可以表示父元素。正文举个例子，有家餐厅提供了各种各样的菜品，每个餐桌都有一本菜单，菜单上列出了该餐厅所偶的菜品，有早餐糕点、午餐、晚餐等等，每个餐都有各种各样 阅读全文
深入理解JavaScript系列（39）：设计模式之适配器模式
2012-04-11 09:16 by 汤姆大叔, 15177 阅读, 26 推荐, 收藏, 编辑
摘要：介绍适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。正文我们来举一个例子，鸭子（Dock）有飞（fly）和嘎嘎叫（quack）的行为，而火鸡虽然也有飞（fly）的行为，但是其叫声是咯咯的（gobble）。如果你非要火鸡也要实现嘎嘎叫（quack）这个动作，那我们可以复用鸭子的quack方法，但是具体的叫还应该是咯咯的，此时，我们就可以创建一个火鸡的适配器，以便让火鸡也支持quack方法，其内部还是要调用gobble。OK，我们开 阅读全文
深入理解JavaScript系列（38）：设计模式之职责链模式
2012-04-10 08:55 by 汤姆大叔, 11783 阅读, 20 推荐, 收藏, 编辑
摘要：介绍职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理他为止。也就是说，请求以后，从第一个对象开始，链中收到请求的对象要么亲自处理它，要么转发给链中的下一个候选者。提交请求的对象并不明确知道哪一个对象将会处理它——也就是该请求有一个隐式的接受者（implicit receiver）。根据运行时刻，任一候选者都可以响应相应的请求，候选者的数目是任意的，你可以在运行时刻决定哪些候选者参与到链中。正文对于JavaScript实现，我们可以利用其原型特性来 阅读全文