javascript中的观察者模式实现
来源:互联网 发布:linux 杀死占用80端口 编辑:程序博客网 时间:2024/06/05 08:47
比如有这样一个场景,一款游戏玩家在等级1~10之间可以领取3000点经验,等级11级以上可以领取2000点经验.
我们可以用观察者模式来实现这个需求.
这里玩家就是一个观察者,或者说是一个订阅者,游戏系统就是一个被观察者,或者说一个发送者
我们可以用观察者模式来实现这个需求.
这里玩家就是一个观察者,或者说是一个订阅者,游戏系统就是一个被观察者,或者说一个发送者
下面用代码来实现:
<script type="text/javascript">// 经验系统var Experience = function(param) { this.name = param.name; // 经验值 this.expVal = param.expVal; this.players = [];}// 发放经验Experience.prototype.giveExp = function(player) { console.log("系统送给[" + player.name + "]" + this.expVal + "点经验.");}// 玩家var Player = function(param) { this.name = param.name; }// 申请经验模式Player.prototype.apply = function(experience) { var players = experience.players; var isExist = false; for(var i=0,len=players.length;i<len;i++) { if(players[i] == this) { isExist = true; break; } } if(!isExist) { players.push(this); } return this;}// 领取经验Player.prototype.getExp = function(experience) { var players = experience.players; for(var i=0,len=players.length;i<len;i++) { if(players[i] == this) { experience.giveExp(this); break; } } return this;}// 测试// 申明玩家var player1 = new Player({"name":"张三"}); // 玩家1,等级4var player2 = new Player({"name":"李四"}); // 玩家2,等级12// 申明经验系统var exp2000 = new Experience({name:"2000点经验",expVal:2000});var exp3000 = new Experience({name:"3000点经验",expVal:3000});// 等级1~10能申请3000点经验player1.apply(exp3000);// 等级11以上能申请2000点经验player2.apply(exp2000);// 去NPC处领取经验:player1.getExp(exp3000);player2.getExp(exp2000);/*输出:系统送给[张三]3000点经验.系统送给[李四]2000点经验.*/</script>url=http://topic.csdn.net/u/20120601/17/ee8ee2c3-8ccd-499a-9cda-35b0e8446e47.html?seed=1266795420&r=78744239#r_78744239
- javascript中的观察者模式实现
- JavaScript中的观察者模式
- JavaScript中的观察者模式
- javascript 观察者模式实现
- 用javascript实现观察者模式
- 原生JavaScript实现观察者模式
- 传统javascript事件模型实现观察者模式
- 【Lua】观察者模式在Lua中的实现
- javascript中观察者模式
- Javascript观察者模式
- javascript 观察者模式
- javascript观察者模式
- JavaScript观察者模式
- javascript 观察者模式
- javascript观察者模式
- JavaScript观察者模式
- javascript设计模式-----观察者模式
- JavaScript设计模式--观察者模式
- 内存泄露打印new和delete重载
- IPCThreadState 详解
- extern 和 external“C”的分析
- android平板上的GridView视图缓存优化
- 定义一个:_ConnectionPtr m_pConnection;老是报错,解决方法:
- javascript中的观察者模式实现
- jsp+Ajax实现上传文件进度条
- Android入门第十三篇之Gallery + ImageSwitcher
- IE6 图片固定在最右下角,不抖解决方法
- [乐意黎原创] 移动硬盘IO /IO 错误
- FreeBSD 使用手册详细目录
- WebMatrix进阶教程(3):如何实现某种样式
- Android ViewFlipper装载baseAdapter
- 项目运行中的新发现