比如有这样一个场景,一款游戏玩家在等级1~10之间可以领取3000点经验,等级11级以上可以领取2000点经验.
我们可以用观察者模式来实现这个需求.
这里玩家就是一个观察者,或者说是一个订阅者,游戏系统就是一个被观察者,或者说一个发送者
下面用代码来实现:
- JScript code
<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,等级4 var 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>
观察者模式又被成为发布者-订阅者模式,鲜明的例子就是报纸的投放
订阅者订阅一种报纸,报社出版报纸.
订阅者负责接收数据(报纸),报社负责发送数据
订阅者接收到报纸之后可以做一些列操作比如裁剪报纸,拿去上厕所....这些事情可以看成一个回调方法
可以看出订阅者跟报社是相互独立开的. 这样的好处运用在项目上有利于代码的维护
订阅者和报社的例子可以看这里
不知道说清楚了没..
------解决方案--------------------
thanks for sharing
------解决方案--------------------
收藏了。
------解决方案--------------------
感谢经验分享!
------解决方案--------------------
好东西,谢谢分享!收藏了~
------解决方案--------------------
------解决方案--------------------
高手云集啊!
------解决方案--------------------
收藏了,谢谢了。