[分享]javascript中的观察者模式实现.顺便散分...
比如有这样一个场景,一款游戏玩家在等级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,等级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>

观察者模式又被成为发布者-订阅者模式,鲜明的例子就是报纸的投放
订阅者订阅一种报纸,报社出版报纸.
订阅者负责接收数据(报纸),报社负责发送数据
订阅者接收到报纸之后可以做一些列操作比如裁剪报纸,拿去上厕所....这些事情可以看成一个回调方法

可以看出订阅者跟报社是相互独立开的. 这样的好处运用在项目上有利于代码的维护

订阅者和报社的例子可以看这里



不知道说清楚了没..

[解决办法]
thanks for sharing
[解决办法]
收藏了。
[解决办法]
感谢经验分享！
[解决办法]
好东西，谢谢分享！收藏了~
[解决办法]

探讨

// 领取经验
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;
}

[解决办法]
高手云集啊！
[解决办法]
收藏了，谢谢了。