JS设计模式之装饰者模式
来源:互联网 发布:云计算平台标准规范 编辑:程序博客网 时间:2024/05/18 00:40
介绍
装饰者模式用于包装同接口的对象,不仅允许你向方法添加行为,而且还可以将方法设置成原始对象调用(例如装饰者的构造函数)。
装饰者模式通过重载方法的形式添加新功能,该模式可以在被装饰者前面或者后面加上自己的行为以达到特定的目的。
装饰者模式是比继承更有弹性的替代方案。
正文
装饰者模式究竟是个什么样子,还是代码中见:
//需要装饰的类(函数)var tree = {};//原始装饰tree.decorate = function () { console.log('Make sure the tree won\'t fall');};//装饰方法tree.getDecorator = function (deco) { tree[deco].prototype = this; return new tree[deco];};//装饰模式1tree.RedBalls = function () { this.decorate = function () { this.RedBalls.prototype.decorate(); // 第7步:先执行原型(这时候是Angel了)的decorate方法 console.log('Put on some red balls'); // 第8步 再输出 red // 将这2步作为RedBalls的decorate方法 }};//装饰模式2tree.BlueBalls = function () { this.decorate = function () { this.BlueBalls.prototype.decorate(); // 第1步:先执行原型的decorate方法,也就是tree.decorate() console.log('Add blue balls'); // 第2步 再输出blue // 将这2步作为BlueBalls的decorate方法 }};//装饰模式3tree.Angel = function () { this.decorate = function () { this.Angel.prototype.decorate(); // 第4步:先执行原型(这时候是BlueBalls了)的decorate方法 console.log('An angel on the top'); // 第5步 再输出angel // 将这2步作为Angel的decorate方法 }};//执行装饰tree = tree.getDecorator('BlueBalls'); // 第3步:将BlueBalls对象赋给tree,这时候父原型里的getDecorator依然可用tree = tree.getDecorator('Angel'); // 第6步:将Angel对象赋给tree,这时候父原型的父原型里的getDecorator依然可用tree = tree.getDecorator('RedBalls'); // 第9步:将RedBalls对象赋给treetree.decorate(); // 第10步:执行RedBalls对象的decorate方法
总结
装饰者模式是为已有功能动态地添加更多功能的一种方式,把每个要装饰的功能放在单独的函数里,然后用该函数包装所要装饰的已有函数对象,因此,当需要执行特殊行为的时候,调用代码就可以根据需要有选择地、按顺序地使用装饰功能来包装对象。优点是把类(函数)的核心职责和装饰功能区分开了。
0 0
- JS设计模式之装饰者模式
- JS设计模式之装饰者模式
- js设计模式之装饰模式
- 【js设计模式笔记---装饰者模式】
- 【JS设计模式】装饰者模式
- 【js设计模式笔记---装饰者模式】
- JS设计模式七:装饰者模式
- 设计模式之装饰者设计模式
- js之装饰者模式
- 设计模式 之 装饰者
- 设计模式之装饰者模式
- 设计模式之装饰者模式
- 设计模式之Decorator(装饰者模式)
- 设计模式之五---装饰者模式
- 设计模式之---装饰者模式
- c++设计模式之装饰者模式
- Php设计模式之装饰者模式
- java设计模式之装饰者模式
- Linux环境下安装Java、Tomcat
- Fiddler(HTTP) Vs Wireshark (TCP/UDP)
- Mycat 数据库分库分表中间件
- Unity的camera组件
- nginx location 匹配规则
- JS设计模式之装饰者模式
- 量子点科技走进生活,TCL将成为“先驱者”
- Oracle,SQLserver 分页语句
- tomcat ubuntu
- Android端 通过第三方应用打开文档的方式
- HLS切片功能配置
- 微信支付之HTML5页面WAP端接入
- pl/sql中如何实现对数据的快速增删改
- Sphinx和Coreseek:强大的开源全文检索引擎