js原生设计模式——12装饰者模式
1、面向对象模式装饰者
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>面向对象—Decorator装饰者模式</title>
<script type="text/javascript">
//给实例对象(注：不影响类)动态添加职责的方式叫做Decorator装饰者模式，较继承，此方法更为灵活。
//先声明一个原始飞机类
var Plane = function(){};
Plane.prototype.fire = function(){
console.log('发射子弹');
}
//接下来声明两个装饰类,他们之间靠this所指向的实例对象连接
var MissleDecorator = function(plane){//发射导弹装饰类
this.plane = plane;
}
MissleDecorator.prototype.fire = function(){
this.plane.fire();
console.log('发射导弹');
}
var AtomDecorator = function(plane){//发射原子弹装饰类
this.plane = plane;
}
AtomDecorator.prototype.fire = function(){
this.plane.fire();
console.log('发射原子弹');
}
//测试用例
var plane = new Plane();
plane = new MissleDecorator(plane);//技巧在于这里的实例传参，起到纽带作用
plane = new AtomDecorator(plane);
plane.fire();
//本例已经通过验证
</script>
</head>
<body>
</body>
</html>
2、函数式编程实现装饰者效果——其实是职责链模式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>函数式编程实现装饰者效果——其实是职责链模式</title>
</head>
<body>
</body>
<script type="text/javascript">
var plane = { //声明单体对象plane
fire:function(){
console.log('发射子弹');
}
}
var missleDecortor = function(){ //声明“发射导弹”功能函数
console.log('发射导弹');
}
var atomDecortor = function(){ //声明“发射原子弹”功能函数
console.log('发射原子弹');
}
//缓存原plane对象的fire模块
var fire1 = plane.fire;
//重写，拓展plane.fire
plane.fire = function(){
fire1();
missleDecortor(); //拓展发射导弹功能
}
//再次缓存，再次重写
var fire2 = plane.fire;
plane.fire = function(){
fire2();
atomDecortor();
}
plane.fire();
</script>
</html>
js原生设计模式——12装饰者模式的更多相关文章
- JS设计模式——12.装饰者模式
装饰者模式概述 本章讨论的是一种为对象添加特性的技术,她并不使用创建新子类这种手段. 装饰者模式可以用来透明的把对象包装在具有同样接口的另一个对象中.这样一来,就可以给一个方法添加一些行为,然后将方法 ...
- js原生设计模式——3简单工厂模式\简单工厂模式封装简单对象
1.Factory基本写法 <!DOCTYPE html><html lang="en"><head> <meta charset= ...
- js原生设计模式——3简单工厂模式\js面向对象编程实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&qu ...
- 实践GoF的23种设计模式：装饰者模式
摘要:装饰者模式通过组合的方式,提供了能够动态地给对象/模块扩展新功能的能力.理论上,只要没有限制,它可以一直把功能叠加下去,具有很高的灵活性. 本文分享自华为云社区<[Go实现]实践GoF的2 ...
- Java 设计模式泛谈&装饰者模式和单例模式
设计模式(Design Pattern) 1.是一套被反复使用.多人知晓的,经过分类编目 的 代码设计经验总结.使用设计模式是为了可重用代码,让代码更容易维护以及扩展. 2.简单的讲:所谓模式就是得到 ...
- C#设计模式(9)——装饰者模式（Decorator Pattern）
一.引言 在软件开发中,我们经常想要对一类对象添加不同的功能,例如要给手机添加贴膜,手机挂件,手机外壳等,如果此时利用继承来实现的话,就需要定义无数的类,如StickerPhone(贴膜是手机类).A ...
- 设计模式之装饰者模式-java实例
设计模式之装饰者模式 需求场景 我们有了别人提供的产品,但是别人提供的产品对我们来说还不够完善,我们需要对这个产品的功能进行补强,此时可以考虑使用装饰者模式. 我们已经有了产品,而且这个产品的功能非常 ...
- Java设计模式 - - 单例模式 装饰者模式
Java设计模式 单例模式 装饰者模式 作者 : Stanley 罗昊 [转载请注明出处和署名,谢谢!] 静态代理模式:https://www.cnblogs.com/StanleyBlogs/p/1 ...
- python 设计模式之装饰器模式 Decorator Pattern
#写在前面 已经有一个礼拜多没写博客了,因为沉醉在了<妙味>这部小说里,里面讲的是一个厨师苏秒的故事.现实中大部分人不会有她的天分.我喜欢她的性格:总是想着去解决问题,好像从来没有怨天尤人 ...
随机推荐
- Android 联网监控抓包工具的制作(tcpdump的使用)
最近做一个Android联网抓包的工具 自己在网上搜索了好久 发现还是没有头绪 于是考虑在linux层上下功夫 于是采用linux的tcpdump来实现了抓包的功能 用简单的话来定义tcpdump,就 ...
- Android Fragment 真正的完全解析（上）--转
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37970961 自从Fragment出现,曾经有段时间,感觉大家谈什么都能跟Fra ...
- HDU 1074 Doing Homework（状态压缩）
之前做过一个题,是在学贪心的时候做的,所以这个题就想当然的跑偏了,当看到N是<=16 的时候,状态压缩就理所当然了 #include<iostream> #include<cs ...
- USACO Section 1.2 Transformations 解题报告
题目 题目描述 一块 N x N正方形的黑白瓦片的图案要被转换成新的正方形图案. 写一个程序来找出将原始图案按照以下列转换方法转换成新图案的最小方式: 转 90 度:图案按顺时针转 90 度. 转 1 ...
- JAVA基础--接口 interface
接口是抽象方法和常量值定义的集合, 接口是一种特殊的抽象类, 只包含常量和方法的定义, 而没有变量和方法的实现. 接口->接口: extends, 类->类: extends, 类-> ...
- Naive Bayes在mapreduce上的实现
Naive Bayes是比较常用的分类器,因为思想比较简单.之所以说是naive,是因为他假设用于分类的特征在类确定的条件下是条件独立的,这个假设使得分类变得很简单,但会损失一定的精度. 具体推导可以 ...
- （五）Jquery Mobile列表
Jquery Mobile列表 一.JM列表 1.普通列表 效果: 带序号的列表 将ul换成ol 效果: 2.data-inset=& ...
- (中等) POJ 2482 Stars in Your Window，静态二叉树。
Description Here comes the problem: Assume the sky is a flat plane. All the stars lie on it with a l ...
- arm-linux学习笔记3-linux内存管理与文件操作
配置好linux系统之后需要vim配置一下,有助于我们的编程,主要的配置如下 在/etc/vim/vimrc文件中 "显示行号 set number "自动缩进 set autoi ...
- HDU 2809 God of War
状压DP.我认为是数据水了,用打死了哪几只作为状态,AC代码只需要保存当前状态的最大血量,完全没有考虑攻击力大小. 个人认为正确DP应该这样的:dp[状态][等级],但这样写不能AC,时间复杂度会很大 ...