2017年03月_左手121

原创学习JavaScript设计模式（七）

Adapter（适配器）模式适配器模式可用来在现有接口和不兼容的类之间进行适配。使用这种模式的对象又叫包装器（wrapper），因为它们在用一个新的接口包装另一个对象。使用场合：使用一个已经存在的对象，但其方法或属性接口不符合你的要求；你想创建一个可复用的对象，该对象可以与其它不相关的对象或不可见对象（即接口方法或属性不兼容的对象）协同工作；想使用已经存在的对象，但是不能对每一个都进行原型继承

2017-03-22 09:30:19 286

原创学习JavaScript设计模式（六）

Flyweight（享元）模式Flyweight 模式是一种经典的结构型解决方案，主要时用于优化重复、缓慢及数据共享效率低下的代码。 Flweight 旨在通过与相关对象共享尽可能多的数据来减少应用程序中内存的使用。应用方式：用于数据层，处理内存中保存的大量相似对象的共享数据。用于DOM层，Flyweight 作为中央事件处理器，来避免将事件处理程序附加到父容器中的每个元素，而是将事件处理程序

2017-03-21 10:45:59 277

原创学习JavaScript设计模式（五）

Mixin（混入）模式代码复用：最常见的方式时继承，但是继承会让子类获得父类的所有属性和方法。即使子类只使用到很少的一部分属性或方法。 Mixin 模式就是解决这一问题：实现部分继承（从父类继承所需要的一部分属性或方法）和多重继承。 Mixin 模式实际上就是一种属性的复制。例如我们常用的 JQuery 中的 extend 方法就是实现这一模式。简单代码实现：/** * Created b

2017-03-20 21:39:46 370

原创学习JavaScript设计模式（四）

Facade（外观）模式Facade模式的作用是：将复杂的、大型的代码隐藏起来，仅仅提供一个简单清晰的API接口给开发人员。提高代码的可用性。例如：在JQuer中：// 以下是$.ajax()的外观： $.get(); $.post(); $.getJSON(); $.getScript();Facade模式不是必须单独使用。它们可以与其他模式集成，如Model模式。/** * Created

2017-03-20 21:05:22 310

原创学习JavaScript设计模式（三）

Mediator（中介者）模式中介者是指协助谈判和解决冲突的中立方。他们允许我们公开一个统一的接口，系统的不同部分可以通过该接口进行通讯。中介者模式实际上是观察者模式的共享目标。中介者模式通过限制对象严格通过 Mediator 进行通讯。观察者模式创建观察对象，观察者对象向订阅他们的对象发布其感兴趣的事件。简单原理就是：系统的其他模块不能相互通信，必须通过中介者进行通信。例如我们的飞机场，飞

2017-03-14 21:43:47 314

原创学习JavaScript设计模式（二）

Observer（观察者）模式观察者是一种设计模式。其中，一个对象（subject）维持一系列依赖它（观察者）的对象，将有关状态的任何变更通知给它们。观察者模式一般使用一个被称为发布/订阅（Publish/Subscribe）模式的变量来实现。虽然他们很相似，但是还是有几点区别的。观察者模式要求希望接收到主题通知的观察者必须订阅内容改变的事件。发布/订阅模式使用一个主题/事件通道，这个通道位

2017-03-13 16:03:38 290

原创学习JavaScript设计模式（一）

前言：最近在读 JavaScript 设计模式这本书。好记性不如烂笔头，在这里做个笔记加深自己的理解。我们首先要了解一下几个概念：模式：一种可复用的解决方案，可用于解决软件设计中所遇到的常见问题。模式的优点：模式是已经验证的解决方案；模式很容易被服用；模式富有表达力；模式的分类：创建型设计模式：构造器(Constructor)、工厂(Factory)、抽象(Abstract)、

2017-03-12 20:08:38 384

左手121