一 摘要
在网上看见了23种设计模式的有趣见解这篇文章，作者以轻松的语言比喻了java的23种模式，觉得蛮有意思的,我在其基础上再加工一下,分享给大家.大家一起学习.一起进步.
1、FACTORY(工厂模式)
漫谈
追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory.
理解
工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：如何创建及如何向客户端提供。
代码
var XMLHttpFactory =function(){}; //这是一个简单工厂模式
2 XMLHttpFactory.createXMLHttp =function(){
3 var XMLHttp = null;
4 if (window.XMLHttpRequest){
5 XMLHttp = new XMLHttpRequest()
6 }elseif (window.ActiveXObject){
7 XMLHttp = new ActiveXObject("Microsoft.XMLHTTP")
8 }
10 return XMLHttp;
11 }
12 //XMLHttpFactory.createXMLHttp()这个方法根据当前环境的具体情况返回一个XHR对象。
13 var AjaxHander =function(){
14 var XMLHttp = XMLHttpFactory.createXMLHttp();
15 ...
16 }知识扩展
工厂模式又区分简单工厂模式和抽象工厂模式，上面介绍的是简单工厂模式，这种模式用的更多也更简单易用。抽象工厂模式的使用方法就是 - 先设计一个抽象类，这个类不能被实例化，只能用来派生子类，最后通过对子类的扩展实现工厂方法。
2、BUILDER(建造模式)
漫谈
BUILDER—MM最爱听的就是“我爱你”这句话了，见到不同地方的MM,要能够用她们的方言跟她说这句话哦，我有一个多种语言翻译机，上面每种语言都有一个按键，见到MM我只要按对应的键，它就能够用相应的语言说出“我爱你”这句话了，国外的MM也可以轻松搞掂，这就是我的“我爱你” builder。（这一定比美军在伊拉克用的翻译机好卖）
理解
建造模式：将产品的内部表象和产品的生成过程分割开来，从而使一个建造过程生成具有不同的内部表象的产品对象。建造模式使得产品内部表象可以独立的变化，客户不必知道产品内部组成的细节。建造模式可以强制实行一种分步骤进行的建造过程。
代码
function workerBuilder() {
this.workOne = function() {
//建房子骨架
}
this.workTwo=function() {
//建睡房
}
this.workThree=function() {
//建厨房
}
this.workFour=function() {
//建客厅
}
//....
this.getResult = function() {
//建成房子
var house = new House();
//house.HouseFrame ...
return house;
}
}3、FACTORY METHOD(工厂方法模式)
漫谈
FACTORY METHOD—请MM去麦当劳吃汉堡，不同的MM有不同的口味，要每个都记住是一件烦人的事情，我一般采用Factory Method模式，带着MM到服务员那儿，说“要一个汉堡”，具体要什么样的汉堡呢，让MM直接跟服务员说就行了。
理解
工厂方法模式：核心工厂类不再负责所有产品的创建，而是将具体创建的工作交给子类去做，成为一个抽象工厂角色，仅负责给出具体工厂类必须实现的接口，而不接触哪一个产品类应当被实例化这种细节。
代码
//1>. 邮件发送[实现]类
function MailSender() {
this.to = '';
this.title = '';
this.content = '';
}
MailSender.prototype.send = function() {
//send body
}
//2>. 短信发送[实现]类
function SmsSender() {
this.to = '';
this.title = '';
this.content = '';
}
SmsSender.prototype.send = function() {
//send body
}
//3. 创建一个工厂类:
function SendFactory() {
this.sender = null;
}
SendFactory.prototype.produce = function(type) {
var me = this;
if (type == 'mail') {
me.sender = new MailSender();
} else if (type == 'sms') {
me.sender = new SmsSender();
}
return me.sender;
}
//4. 使用这个工厂类:
var factory = new SendFactory();
var sender = factory.produce('mail'); //sms
sender.to = 'toName#mail.com';
sender.title = '邮件测试标题!';
sender.content = '发送内容';
sender.send();4、PROTOTYPE(原型模式)
漫谈
PROTOTYPE—跟MM用QQ聊天，一定要说些深情的话语了，我搜集了好多肉麻的情话，需要时只要copy出来放到QQ里面就行了，这就是我的情话prototype了。（100块钱一份，你要不要）
理解
原始模型模式：通过给出一个原型对象来指明所要创建的对象的类型，然后用复制这个原型对象的方法创建出更多同类型的对象。原始模型模式允许动态的增加或减少产品类，产品类不需要非得有任何事先确定的等级结构，原始模型模式适用于任何的等级结构。缺点是每一个类都必须配备一个克隆方法。
代码
function Master(){
this.blood = 100;
this.level = 6;
}
var noumenon = new Master();
noumenon.level = 9;
var ektype = Object.create(noumenon);
console.log(ektype);5、SINGLETON(单例模式)
漫谈
SINGLETON—俺有6个漂亮的老婆，她们的老公都是我，我就是我们家里的老公Sigleton，她们只要说道“老公”，都是指的同一个人，那就是我(刚才做了个梦啦，哪有这么好的事)
理解
单例模式：单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例单例模式。单例模式只应在有真正的“单一实例”的需求时才可使用。
使用
var functionGroup =newfunction myGroup(){
2 this.name ='Darren';
3 this.getName =function(){
4 returnthis.name
5 }
6 this.method1 =function(){}
7 ...
8 }6、ADAPTER(适配模式)
漫谈
ADAPTER—在朋友聚会上碰到了一个美女Sarah，从香港来的，可我不会说粤语，她不会说普通话，只好求助于我的朋友kent了，他作为我和Sarah之间的Adapter，让我和Sarah可以相互交谈了(也不知道他会不会耍我).
理解
适配器（变压器）模式：把一个类的接口变换成客户端所期待的另一种接口，从而使原本因接口原因不匹配而无法一起工作的两个类能够一起工作。适配类可以根据参数返还一个合适的实例给客户端。
代码
//假如有一个3个字符串参数的函数，但是现在拥有的却是一个包含三个字符串元素的对象，那么就可以用一个配置器来衔接二者
2 var clientObject = {
3 str1:'bat',
4 str2:'foo',
5 str3:'baz'
6 }
7 function interfaceMethod(str1,str2,str3){
8 alert(str1)
9 }
10 //配置器函数
11 function adapterMethod(o){
12 interfaceMethod(o.str1, o.str2, o.str3);
13 }
14 adapterMethod(clientObject)
15 //adapterMethod函数的作为就在于对interfaceMethod函数进行包装，并把传递给它的参数转换为后者需要的形式。7、BRIDGE(桥接模式)
漫谈
BRIDGE—早上碰到MM，要说早上好，晚上碰到MM，要说晚上好；碰到MM穿了件新衣服，要说你的衣服好漂亮哦，碰到MM新做的发型，要说你的头发好漂亮哦。不要问我“早上碰到MM新做了个发型怎么说”这种问题，自己用BRIDGE组合一下不就行了
理解
桥梁模式：将抽象化与实现化脱耦，使得二者可以独立的变化，也就是说将他们之间的强关联变成弱关联，也就是指在一个软件系统的抽象化和实现化之间使用组合/聚合关系而不是继承关系，从而使两者可以独立的变化.
代码
//错误的方式
2 //这个API根据事件监听器回调函数的工作机制，事件对象被作为参数传递给这个函数。本例中并没有使用这个参数，而只是从this对象获取ID。
3 addEvent(element,'click',getBeerById);
4 function(e){
5 var id =this.id;
6 asyncRequest('GET','beer.url?id='+ id,function(resp){
7 //Callback response
8 console.log('Requested Beer: '+ resp.responseText);
9 });
10 }
11
12 //好的方式
13 //从逻辑上分析，把id传给getBeerById函数式合情理的，且回应结果总是通过一个毁掉函数返回。这么理解，我们现在做的是针对接口而不是实现进行编程，用桥梁模式把抽象隔离开来。
14 function getBeerById(id,callback){
15 asyncRequest('GET','beer.url?id='+ id,function(resp){
16 callback(resp.responseText)
17 });
18 }
19 addEvent(element,'click',getBeerByIdBridge);
20 function getBeerByIdBridge(e){
21 getBeerById(this.id,function(beer){
22 console.log('Requested Beer: '+ beer);
23 });
24 } 8、COMPOSITE(组合模式)
漫谈
COMPOSITE—Mary今天过生日。“我过生日，你要送我一件礼物。”“嗯，好吧，去商店，你自己挑。”“这件T恤挺漂亮，买，这条裙子好看，买，这个包也不错，买。”“喂，买了三件了呀，我只答应送一件礼物的哦。”“什么呀，T恤加裙子加包包，正好配成一套呀，小姐，麻烦你包起来。” “……”，MM都会用Composite模式了，你会了没有？
理解
组合模式将对象组织到树结构中，可以用来描述整体与部分的关系。合成模式就是一个处理对象的树结构的模式。合成模式把部分与整体的关系用树结构表示出来。合成模式使得客户端把一个个单独的成分对象和由他们复合而成的合成对象同等看待.
代码
// DynamicGallery Class
var DynamicGallery =function (id) { // 实现Composite，GalleryItem组合对象类
this.children = [];
this.element = document.createElement('div');
this.element.id = id;
this.element.className ='dynamic-gallery';
}
DynamicGallery.prototype = {
// 实现Composite组合对象接口
add: function (child) {
this.children.push(child);
this.element.appendChild(child.getElement());
},
remove: function (child) {
for (var node, i =0; node =this.getChild(i); i++) {
if (node == child) {
this.children.splice(i, 1);
break;
}
}
this.element.removeChild(child.getElement());
},
getChild: function (i) {
returnthis.children[i];
},
// 实现DynamicGallery组合对象接口
hide: function () {
for (var node, i =0; node =this.getChild(i); i++) {
node.hide();
}
this.element.style.display ='none';
},
show: function () {
this.element.style.display ='block';
for (var node, i =0; node = getChild(i); i++) {
node.show();
}
},
// 帮助方法
getElement: function () {
returnthis.element;
}
}
var GalleryImage =function (src) { // 实现Composite和GalleryItem组合对象中所定义的方法
this.element = document.createElement('img');
this.element.className ='gallery-image';
this.element.src = src;
}
GalleryImage.prototype = {
// 实现Composite接口
// 这些是叶结点，所以我们不用实现这些方法，我们只需要定义即可
add: function () { },
remove: function () { },
getChild: function () { },
// 实现GalleryItem接口
hide: function () {
this.element.style.display ='none';
},
show: function () {
this.element.style.display ='';
},
// 帮助方法
getElement: function () {
returnthis.element;
}
}
// 再创建叶对象类
var GalleryImage =function (src) { // 实现Composite和GalleryItem组合对象中所定义的方法
this.element = document.createElement('img');
this.element.className ='gallery-image';
this.element.src = src;
}
GalleryImage.prototype = {
// 实现Composite接口
// 这些是叶结点，所以我们不用实现这些方法，我们只需要定义即可
add: function () { },
remove: function () { },
getChild: function () { },
// 实现GalleryItem接口
hide: function () {
this.element.style.display ='none';
},
show: function () {
this.element.style.display ='';
},
// 帮助方法
getElement: function () {
returnthis.element;
}
}
//现在我们可以使用这两个类来管理图片：
var topGallery =new DynamicGallery('top-gallery');
topGallery.add(new GalleryImage('/img/image-1.jpg'));
topGallery.add(new GalleryImage('/img/image-2.jpg'));
topGallery.add(new GalleryImage('/img/image-3.jpg'));
var vacationPhotos =new DyamicGallery('vacation-photos');
for(var i =0, i <30; i++){
vacationPhotos.add(new GalleryImage('/img/vac/image-'+ i +'.jpg'));
}
topGallery.add(vacationPhotos);
topGallery.show();
vacationPhotos.hide();9、DECORATOR(装饰模式)
漫谈
DECORATOR—Mary过完轮到Sarly过生日，还是不要叫她自己挑了，不然这个月伙食费肯定玩完，拿出我去年在华山顶上照的照片，在背面写上“最好的的礼物，就是爱你的Fita”，再到街上礼品店买了个像框（卖礼品的MM也很漂亮哦），再找隔壁搞美术设计的Mike设计了一个漂亮的盒子装起来……，我们都是Decorator，最终都在修饰我这个人呀，怎么样，看懂了吗？
理解
装饰模式：装饰模式以对客户端透明的方式扩展对象的功能，是继承关系的一个替代方案，提供比继承更多的灵活性。动态给一个对象增加功能，这些功能可以再动态的撤消。增加由一些基本功能的排列组合而产生的非常大量的功能。
代码
//创建一个命名空间为myText.Decorations
var myText= {};
myText.Decorations={};
myText.Core=function(myString){
this.show =function(){return myString;}
}
//第一次装饰
myText.Decorations.addQuestuibMark =function(myString){
this.show =function(){return myString.show()+'?';};
}
//第二次装饰
myText.Decorations.makeItalic =function(myString){
this.show =function(){return'<li>'+myString.show()+'</li>'};
}
//得到myText.Core的实例
var theString =new myText.Core('this is a sample test String');
alert(theString.show()); //output 'this is a sample test String'
theString =new myText.Decorations.addQuestuibMark(theString);
alert(theString.show()); //output 'this is a sample test String?'
theString =new myText.Decorations.makeItalic (theString);
alert(theString.show()); //output '<li>this is a sample test String</li>'10、FACADE(门面模式)
漫话
FACADE—我有一个专业的Nikon相机，我就喜欢自己手动调光圈、快门，这样照出来的照片才专业，但MM可不懂这些，教了半天也不会。幸好相机有Facade设计模式，把相机调整到自动档，只要对准目标按快门就行了，一切由相机自动调整，这样MM也可以用这个相机给我拍张照片了。
理解
门面模式：外部与一个子系统的通信必须通过一个统一的门面对象进行。门面模式提供一个高层次的接口，使得子系统更易于使用。每一个子系统只有一个门面类，而且此门面类只有一个实例，也就是说它是一个单例模式。但整个系统可以有多个门面类。
代码
var addEvent =function(el,type,fn){
if(window.addEventListener){
el.addEventListener(type,fn);
}elseif(window.attachEvent){
el.attachEvent('on'+type,fn);
}else{
el['on'+type] = fn;
}
}11、FLYWEIGHT(享元模式)
漫话
FLYWEIGHT—每天跟MM发短信，手指都累死了，最近买了个新手机，可以把一些常用的句子存在手机里，要用的时候，直接拿出来，在前面加上 MM的名字就可以发送了，再不用一个字一个字敲了。共享的句子就是Flyweight，MM的名字就是提取出来的外部特征，根据上下文情况使用。
理解
享元模式：FLYWEIGHT在拳击比赛中指最轻量级。享元模式以共享的方式高效的支持大量的细粒度对象。享元模式能做到共享的关键是区分内蕴状态和外蕴状态。内蕴状态存储在享元内部，不会随环境的改变而有所不同。外蕴状态是随环境的改变而改变的。外蕴状态不能影响内蕴状态，它们是相互独立的。将可以共享的状态和不可以共享的状态从常规类中区分开来，将不可以共享的状态从类里剔除出去。客户端不可以直接创建被共享的对象，而应当使用一个工厂对象负责创建被共享的对象。享元模式大幅度的降低内存中对象的数量。
代码
//汽车登记示例
2 var Car =function(make,model,year,owner,tag,renewDate){
3 this.make=make;
4 this.model=model;
5 this.year=year;
6 this.owner=owner;
7 this.tag=tag;
8 this.renewDate=renewDate;
9 }
10 Car.prototype = {
11 getMake:function(){
12 returnthis.make;
13 },
14 getModel:function(){
15 returnthis.model;
16 },
17 getYear:function(){
18 returnthis.year;
19 },
20 transferOwner:function(owner,tag,renewDate){
21 this.owner=owner;
22 this.tag=tag;
23 this.renewDate=renewDate;
24 },
25 renewRegistration:function(renewDate){
26 this.renewDate=renewDate;
27 }
28 }
29 //数据量小到没多大的影响，数据量大的时候对计算机内存会产生压力，下面介绍享元模式优化后
30 //包含核心数据的Car类
31 var Car=function(make,model,year){
32 this.make=make;
33 this.model=model;
34 this.year=year;
35 }
36 Car.prototype={
37 getMake:function(){
38 returnthis.make;
39 },
40 getModel:function(){
41 returnthis.model;
42 },
43 getYear:function(){
44 returnthis.year;
45 }
46 }
47 //中间对象，用来实例化Car类
48 var CarFactory=(function(){
49 var createdCars = {};
50 return {
51 createCar:function(make,model,year){
52 var car=createdCars[make+"-"+model+"-"+year];
53 return car ? car : createdCars[make +'-'+ model +'-'+ year] =(new Car(make,model,year));
54 }
55 }
56 })();
57 //数据工厂，用来处理Car的实例化和整合附加数据
58 var CarRecordManager = (function() {
59 var carRecordDatabase = {};
60 return {
61 addCarRecord:function(make,model,year,owner,tag,renewDate){
62 var car = CarFactory.createCar(make, model, year);
63 carRecordDatabase[tag]={
64 owner:owner,
65 tag:tag,
66 renewDate:renewDate,
67 car:car
68 }
69 },
70 transferOwnership:function(tag, newOwner, newTag, newRenewDate){
71 var record=carRecordDatabase[tag];
72 record.owner = newOwner;
73 record.tag = newTag;
74 record.renewDate = newRenewDate;
75 },
76 renewRegistration:function(tag,newRenewDate){
77 carRecordDatabase[tag].renewDate=newRenewDate;
78 },
79 getCarInfo:function(tag){
80 return carRecordDatabase[tag];
81 }
82 }
83 })();12、PROXY(代理模式)
漫谈
PROXY—跟MM在网上聊天，一开头总是“hi,你好”,“你从哪儿来呀？”“你多大了？”“身高多少呀？”这些话，真烦人，写个程序做为我的Proxy吧，凡是接收到这些话都设置好了自动的回答，接收到其他的话时再通知我回答，怎么样，酷吧。
理解
代理模式：代理模式给某一个对象提供一个代理对象，并由代理对象控制对源对象的引用。代理就是一个人或一个机构代表另一个人或者一个机构采取行动。某些情况下，客户不想或者不能够直接引用一个对象，代理对象可以在客户和目标对象直接起到中介的作用。客户端分辨不出代理主题对象与真实主题对象。代理模式可以并不知道真正的被代理对象，而仅仅持有一个被代理对象的接口，这时候代理对象不能够创建被代理对象，被代理对象必须有系统的其他角色代为创建并传入。
行为模式
代码
var Publication =new Interface('Publication', ['getIsbn', 'setIsbn', 'getTitle', 'setTitle', 'getAuthor', 'setAuthor', 'display']);
var Book =function(isbn, title, author) {
//...
}
// implements Publication
implements(Book,Publication);
/* Library interface. */
var Library =new Interface('Library', ['findBooks', 'checkoutBook', 'returnBook']);
/* PublicLibrary class. */
var PublicLibrary =function(books) {
//...
};
// implements Library
implements(PublicLibrary,Library);
PublicLibrary.prototype = {
findBooks: function(searchString) {
//...
},
checkoutBook: function(book) {
//...
},
returnBook: function(book) {
//...
}
};
/* PublicLibraryProxy class, a useless proxy. */
var PublicLibraryProxy =function(catalog) {
this.library =new PublicLibrary(catalog);
};
// implements Library
implements(PublicLibraryProxy,Library);
PublicLibraryProxy.prototype = {
findBooks: function(searchString) {
returnthis.library.findBooks(searchString);
},
checkoutBook: function(book) {
returnthis.library.checkoutBook(book);
},
returnBook: function(book) {
returnthis.library.returnBook(book);
}
};13、CHAIN OF RESPONSIBLEITY( 责任链模式)
漫谈
CHAIN OF RESPONSIBLEITY—晚上去上英语课，为了好开溜坐到了最后一排，哇，前面坐了好几个漂亮的MM哎，找张纸条，写上“Hi,可以做我的女朋友吗？如果不愿意请向前传”，纸条就一个接一个的传上去了，糟糕，传到第一排的MM把纸条传给老师了，听说是个老处女呀，快跑!
理解
责任链模式：在责任链模式中，很多对象由每一个对象对其下家的引用而接起来形成一条链。请求在这个链上传递，直到链上的某一个对象决定处理此请求。客户并不知道链上的哪一个对象最终处理这个请求，系统可以在不影响客户端的情况下动态的重新组织链和分配责任。处理者有两个选择：承担责任或者把责任推给下家。一个请求可以最终不被任何接收端对象所接受。
代码
var order500=function(orderType,pay,stock){
if(orderType===1&& pay===true){
console.log('<span style="color:#009900;">500元订金预购,得到100优惠券</span>');
}else{
order200(orderType,pay,stock);
}
}
var order200 = function(orderType,pay,stock){
if(orderType===2&& pay===true){
console.log('<span style="color:#ff0000;">100元订金预购,得到50优惠券</span>');
}else{
orderNormal(orderType,pay,stock);
}
}
var orderNormal = function(orderType,pay,stock){
if(stock>0){
console.log('普通购买,无优惠券');
}else{
console.log('手机库存不足');
}
}
//测试结果
order500(1,true,500); //500元定金预购，得到100优惠券
order500(1,false,500); //普通购买，无优惠券
order500(2,true,500);//200元定金预购，得到50优惠券
order500(3,false,500)//手机购买无优惠
order500(3,false,0); //手机库存不足 14、COMMAND(命令模式)
漫谈
俺有一个MM家里管得特别严，没法见面，只好借助于她弟弟在我们俩之间传送信息，她对我有什么指示，就写一张纸条让她弟弟带给我。这不，她弟弟又传送过来一个COMMAND，为了感谢他，我请他吃了碗杂酱面，哪知道他说：“我同时给我姐姐三个男朋友送COMMAND，就数你最小气，才请我吃面
理解
命令模式：命令模式把一个请求或者操作封装到一个对象中。命令模式把发出命令的责任和执行命令的责任分割开，委派给不同的对象。命令模式允许请求的一方和发送的一方独立开来，使得请求的一方不必知道接收请求的一方的接口，更不必知道请求是怎么被接收，以及操作是否执行，何时被执行以及是怎么被执行的。系统支持命令的撤消
代码
car Calculator={
add:function(x,y){
return x+y;
},
substract:function(x,y){
return x-y;
},
multiply:function(x,y){
return x*y;
},
divide:function(x,y){
return x/y;
}
}
Calculator.calc =function(command){
return Calculator[command.type](command.op1,command.opd2)
};
Calculator.calc({type:'add',op1:1,op2:1});
Calculator.calc({type:'substract',op1:5,op2:2});
Calculator.calc({type:'multiply',op1:5,op2:2});
Calculator.calc({type:'divide',op1:8,op2:4});15、INTERPRETER(解释器模式)
漫谈
俺有一个《泡MM真经》，上面有各种泡MM的攻略，比如说去吃西餐的步骤、去看电影的方法等等，跟MM约会时，只要做一个Interpreter，照着上面的脚本执行就可以了。
理解
解释器模式：给定一个语言后，解释器模式可以定义出其文法的一种表示，并同时提供一个解释器。客户端可以使用这个解释器来解释这个语言中的句子。解释器模式将描述怎样在有了一个简单的文法后，使用模式设计解释这些语句。在解释器模式里面提到的语言是指任何解释器对象能够解释的任何组合。在解释器模式中需要定义一个代表文法的命令类的等级结构，也就是一系列的组合规则。每一个命令对象都有一个解释方法，代表对命令对象的解释。命令对象的等级结构中的对象的任何排列组合都是一个语言。
代码
16、ITERATOR(迭代子模式)
漫谈
ITERATOR—我爱上了Mary，不顾一切的向她求婚。
Mary：“想要我跟你结婚，得答应我的条件”
我：“什么条件我都答应，你说吧”
Mary：“我看上了那个一克拉的钻石”
我：“我买，我买，还有吗？”
Mary：“我看上了湖边的那栋别墅”
我：“我买，我买，还有吗？”
Mary：“你的小弟弟必须要有50cm长”
我脑袋嗡的一声，坐在椅子上，一咬牙：“我剪，我剪，还有吗？”
……
理解
迭代子模式：迭代子模式可以顺序访问一个聚集中的元素而不必暴露聚集的内部表象。多个对象聚在一起形成的总体称之为聚集，聚集对象是能够包容一组对象的容器对象。迭代子模式将迭代逻辑封装到一个独立的子对象中，从而与聚集本身隔开。迭代子模式简化了聚集的界面。每一个聚集对象都可以有一个或一个以上的迭代子对象，每一个迭代子的迭代状态可以是彼此独立的。迭代算法可以独立于聚集角色变化。
17、MEDIATOR(调停者模式)
漫谈
四个MM打麻将，相互之间谁应该给谁多少钱算不清楚了，幸亏当时我在旁边，按照各自的筹码数算钱，赚了钱的从我这里拿，赔了钱的也付给我，一切就OK啦，俺得到了四个MM的电话。
理解
调停者模式：调停者模式包装了一系列对象相互作用的方式，使得这些对象不必相互明显作用。从而使他们可以松散偶合。当某些对象之间的作用发生改变时，不会立即影响其他的一些对象之间的作用。保证这些作用可以彼此独立的变化。调停者模式将多对多的相互作用转化为一对多的相互作用。调停者模式将对象的行为和协作抽象化，把对象在小尺度的行为上与其他对象的相互作用分开处理。
18、MEMENTO(备忘录模式)
漫谈
同时跟几个MM聊天时，一定要记清楚刚才跟MM说了些什么话，不然MM发现了会不高兴的哦，幸亏我有个备忘录，刚才与哪个MM说了什么话我都拷贝一份放到备忘录里面保存，这样可以随时察看以前的记录啦。
理解
备忘录模式：备忘录对象是一个用来存储另外一个对象内部状态的快照的对象。备忘录模式的用意是在不破坏封装的条件下，将一个对象的状态捉住，并外部化，存储起来，从而可以在将来合适的时候把这个对象还原到存储起来的状态。
19、OBSERVER(观察者模式)
漫谈
想知道咱们公司最新MM情报吗？加入公司的MM情报邮件组就行了，tom负责搜集情报，他发现的新情报不用一个一个通知我们，直接发布给邮件组，我们作为订阅者（观察者）就可以及时收到情报啦
理解
观察者模式：观察者模式定义了一种一队多的依赖关系，让多个观察者对象同时监听某一个主题对象。这个主题对象在状态上发生变化时，会通知所有观察者对象，使他们能够自动更新自己。
代码
//使用时间监听器可以让多个函数相应一个事件
var fn1 =function(){
//code
}
var fn2 =function(){
//code
}
addEvent(element,'click',fn1)；
addEvent(element,'click',fn2)
//而时间处理函数就办不到
element.onclick = fn1;
element.onclick = fn2;20、STATE(状态模式)
漫谈
跟MM交往时，一定要注意她的状态哦，在不同的状态时她的行为会有不同，比如你约她今天晚上去看电影，对你没兴趣的MM就会说“有事情啦”，对你不讨厌但还没喜欢上的MM就会说“好啊，不过可以带上我同事么？”，已经喜欢上你的MM就会说“几点钟？看完电影再去泡吧怎么样？”，当然你看电影过程中表现良好的话，也可以把MM的状态从不讨厌不喜欢变成喜欢哦。
理解
状态模式：状态模式允许一个对象在其内部状态改变的时候改变行为。这个对象看上去象是改变了它的类一样。状态模式把所研究的对象的行为包装在不同的状态对象里，每一个状态对象都属于一个抽象状态类的一个子类。状态模式的意图是让一个对象在其内部状态改变的时候，其行为也随之改变。状态模式需要对每一个系统可能取得的状态创立一个状态类的子类。当系统的状态变化时，系统便改变所选的子类。
21、STRATEGY
漫谈
跟不同类型的MM约会，要用不同的策略，有的请电影比较好，有的则去吃小吃效果不错，有的去海边浪漫最合适，单目的都是为了得到MM的芳心，我的追MM锦囊中有好多Strategy哦。
理解
策略模式：策略模式针对一组算法，将每一个算法封装到具有共同接口的独立的类中，从而使得它们可以相互替换。策略模式使得算法可以在不影响到客户端的情况下发生变化。策略模式把行为和环境分开。环境类负责维持和查询行为类，各种算法在具体的策略类中提供。由于算法和环境独立开来，算法的增减，修改都不会影响到环境和客户端。
22、TEMPLATE METHOD(模板方法模式)
漫谈
看过《如何说服女生上床》这部经典文章吗？女生从认识到上床的不变的步骤分为巧遇、打破僵局、展开追求、接吻、前戏、动手、爱抚、进去八大步骤(Template method)，但每个步骤针对不同的情况，都有不一样的做法，这就要看你随机应变啦(具体实现)；
理解
模板方法模式：模板方法模式准备一个抽象类，将部分逻辑以具体方法以及具体构造子的形式实现，然后声明一些抽象方法来迫使子类实现剩余的逻辑。不同的子类可以以不同的方式实现这些抽象方法，从而对剩余的逻辑有不同的实现。先制定一个顶级逻辑框架，而将逻辑的细节留给具体的子类去实现。
23、VISITOR(访问者模式)
漫谈
情人节到了，要给每个MM送一束鲜花和一张卡片，可是每个MM送的花都要针对她个人的特点，每张卡片也要根据个人的特点来挑，我一个人哪搞得清楚，还是找花店老板和礼品店老板做一下Visitor，让花店老板根据MM的特点选一束花，让礼品店老板也根据每个人特点选一张卡，这样就轻松多了；
理解
访问者模式：访问者模式的目的是封装一些施加于某种数据结构元素之上的操作。一旦这些操作需要修改的话，接受这个操作的数据结构可以保持不变。访问者模式适用于数据结构相对未定的系统，它把数据结构和作用于结构上的操作之间的耦合解脱开，使得操作集合可以相对自由的演化。访问者模式使得增加新的操作变的很容易，就是增加一个新的访问者类。访问者模式将有关的行为集中到一个访问者对象中，而不是分散到一个个的节点类中。当使用访问者模式时，要将尽可能多的对象浏览逻辑放在访问者类中，而不是放到它的子类中。访问者模式可以跨过几个类的等级结构访问属于不同的等级结构的成员类。