2012 | AlloyTeam

享元模式主要用来减少程序所需的对象个数. 有一个例子, 我们这边的前端同学几乎人手一本《javascript 权威指南》. 从省钱的角度讲, 大约三本就够了. 放在部门的书柜里, 谁需要看的时候就去拿, 看完了还回去. 如果同时有 4 个同学需要看, 此时再去多买一本.
在 webqq 里面, 打开 QQ 好友列表往下拉的时候，会为每个好友创建一个 div( 如果算上 div 中的子节点, 还远不只 1 个元素 ).

【Javascript 设计模式 15】-职责链模式

In Web开发 on 2012年10月24日 by TAT.svenzeng view: 9,669

7

职责链模式是一个对象 A 向另一个对象 B 发起请求，如果 B 不处理，可以把请求转给 C，如果 C 不处理，又可以把请求转给 D。一直到有一个对象愿意处理这个请求为止。

打个比方，客户让老板写个 php 程序。老板肯定不写，然后老板交给了部门经理。部门经理不愿意写，又交给项目经理。项目经理不会写，又交给程序员。最后由码农来完成。

【Javascript 设计模式 14】-备忘录模式

In Web开发 on 2012年10月24日 by TAT.svenzeng view: 9,328

7

备忘录模式在 js 中经常用于数据缓存. 比如一个分页控件, 从服务器获得某一页的数据后可以存入缓存。以后再翻回这一页的时候，可以直接使用缓存里的数据而无需再次请求服务器。
实现比较简单，伪代码：

【Javascript 设计模式 13】-组合模式

In Web开发 on 2012年10月24日 by TAT.svenzeng view: 10,873

7

组合模式又叫部分-整体模式，它将所有对象组合成树形结构。使得用户只需要操作最上层的接口，就可以对所有成员做相同的操作。
一个再好不过的例子就是 jquery 对象，大家都知道 1 个 jquery 对象其实是一组对象集合。比如在这样一个 HTML 页面

1

2

3

4

5

6

<body>

<div>

</div>

</body>

【Javascript 设计模式 12】-迭代器模式

In Web开发 on 2012年10月24日 by TAT.svenzeng view: 9,702

8

迭代器模式提供一种方法顺序访问一个聚合对象中各个元素，而又不需要暴露该方法中的内部表示。
js 中我们经常会封装一个 each 函数用来实现迭代器。
array 的迭代器：

【Javascript 设计模式 11】-中介者模式

In Web开发 on 2012年10月24日 by TAT.svenzeng view: 12,807

11

中介者对象可以让各个对象之间不需要显示的相互引用，从而使其耦合松散，而且可以独立的改变它们之间的交互。

打个比方，军火买卖双方为了安全起见，找了一个信任的中介来进行交易。买家 A 把钱交给中介 B，然后从中介手中得到军火，卖家 C 把军火卖给中介，然后从中介手中拿回钱。一场交易完毕，A 甚至不知道 C 是一只猴子还是一只猛犸。因为中介的存在，A 也未必一定要买 C 的军火，也可能是 D，E，F。