深入理解JavaScript系列（29）：设计模式之装饰者模式详解

1、深入理解javascript系列（29）：设计 模式之装饰者模式详解这篇文章主要介绍了深入理解javascript系列（29）： 设计模式之装饰者模式详解，装饰者用用于包装同接口的对 象，不仅允许你向方法添加行为，而且还可以将方法设置成 原始对象调用（例如装饰者的构造函数），需要的朋友可以 参考下 介绍装饰者提供比继承更有弹性的替代方案。装饰者用用 于包装同接口的对象，不仅允许你向方法添加行为，而且 还可以将方法设置成原始对象调用（例如装饰者的构造函 数）。装饰者用于通过重载方法的形式添加新功能，该模式 可以在被装饰者前面或者后面加上自己的行为以达到特定 的目的。正文那么装饰者模式有什么好处呢

2、？前面说了，装饰者是 一种实现继承的替代方案。当脚本运行时，在子类中增加 行为会影响原有类所有的实例，而装饰者却不然。取而代 之的是它能给不同对象各自添加新行为。如下代码所示： 代码如下：/需要装饰的类（函数）funct ionmacbook () this co st=function () returnlo 00;fun ctionmemory (macbook) this cost=function() returnmac book cost () +75;fu nctionblura ydrive (macb ook) this cost=funct ion() ret urrunac

3、book cost () +300;functi onlnsurance (macbook) this cost=function() returnmac book cost () +250;/用法varmymac book=newlns urance(newb luraydrive ( newmemory (n ewmacbook ();conso le. log (myma ebook cost ();下面是另一个实例，当我们在装饰者对象上调用 perform task时，它不仅具有一些装饰者的行为，同时也 调用了下层对象的pe rformtask函数。代码如下：fun ctionconc

4、re teclass () this. perfo rmtask=func tion() this pretask();console 1 og(' doingso mething，);t his. posttas k();fu nctionabstr actdecorato r (decorated ) this. pe rformtask=f unction() decorated. performtask ();fun ctionconcre tedecorator class (decor ated) thi s. base二abst ractdecorat or;this b

5、 ase (decorat ed);decor ated. pretas k=function () console log(' prec ailing');；decorat ed. posttask =function() console log(' post-c ailing');varcon crete=newco ncreteclass ();vardec oratorl=new concretedec oratorclass(concrete);vardecora tor2=newcon eretedecora torclass(de coratorl

6、);decorator2 performtas k();再来一个彻底的例子：代码如下：var tree=;t ree decorat e=function() console log(' makes urethetreew on' tfalt );tree g etdecorator =function (d eco) tree deco prot otype=this;returnnewtr ee deco;； tree redb alls=functi on() this decorate=f unction() this. redba 11s prototy pe. de

7、corate () ;/第 7 步: 先执行原型(这时候是ang el t)的decora te方法conso le. log(，put onsomeredba lls，) ;/第 8 步再输 出red/将这2步作为redbal is的decorate方法;tree blueballs=function() this deco rate=functi on() this blueballs prototype. d ecorate() ;/第 1 步: 先执行原型的decorate方法，也就是tree, dec orate ()co nsole. log(，addblueball s'

8、) ;/第 2 步再输出 blue/将这2步作为bluebal is的decorate方法;tree angel=func tion () th is. decorate =function() this. ang el. prototyp e. decorate() ;/第 4 步：先执 行原型(这时候是blue balls t)的dec orate方法co nsole. log(，anangelonth etop');/第 5 步再输出 angel/将这2步作为ang el的decorate方法;tree =tree. getde corator (? bl ueballs，) ;/第 3 步： 将blueb alls对象赋给tre e,这时候父原型里的g etdecorator依然可用t ree=tree getdec ora to r ang el');/第 6 步：将 angel对象赋给t ree,这时候父原型的父原型里的getdec orator依然可用tree二tree getdecorato r (? redballs ');/第 9 步： 将r edballs对象赋给treetree, decorate() ;/第 10 步：执行 re dballs 对象的 de corate 方法总结装