JavaScript设计模式之中介者模式详解_javascript技巧_

function Player(name) { this.name = name this.enemy = null; // 敌人 }; Player.prototype.win = function () { console.log(this.name + ' won '); }; Player.prototype.lose = function () { console.log(this.name + ' lost'); }; Player.prototype.die = function () { this.lose(); this.enemy.win(); };

const player1 = new Player('玩家一'); const player2 = new Player('玩家二');

player1.enemy = player2; player2.enemy = player1; 

player1.die();// 输出：玩家一 lost、玩家二 won 

player1.partners = [player1, player2, player3, player4]; player1.enemies = [player5, player6, player7, player8]; Player5.partners = [player5, player6, player7, player8]; Player5.enemies = [player1, player2, player3, player4];

const players = []; 

function Player(name, teamColor) { this.partners = []; // 队友列表 this.enemies = []; // 敌人列表 this.state = 'live'; // 玩家状态 this.name = name; // 角色名字 this.teamColor = teamColor; // 队伍颜色 }; 

Player.prototype.win = function () { // 玩家团队胜利 console.log('winner: ' + this.name); }; Player.prototype.lose = function () { // 玩家团队失败 console.log('loser: ' + this.name); };

Player.prototype.die = function () { // 玩家死亡 let all_dead = true; this.state = 'dead'; // 设置玩家状态为死亡 for (let i = 0; i < this.partners.length; i++) { // 遍历队友列表 if (this.partners[i].state !== 'dead') { // 如果还有一个队友没有死亡，则游戏还未失败 all_dead = false; break; } } if (all_dead === true) { // 如果队友全部死亡 this.lose(); // 通知自己游戏失败 for (let i = 0; i < this.partners.length; i++) { // 通知所有队友玩家游戏失败 this.partners[i].lose(); } for (let i = 0; i < this.enemies.length; i++) { // 通知所有敌人游戏胜利 this.enemies[i].win(); } } };

const playerFactory = function (name, teamColor) { const newPlayer = new Player(name, teamColor); // 创建新玩家 for (let i = 0; i < players.length; i++) { // 通知所有的玩家，有新角色加入 if (players[i].teamColor === newPlayer.teamColor) { // 如果是同一队的玩家 players[i].partners.push(newPlayer); // 相互添加到队友列表 newPlayer.partners.push(players[i]); } else { players[i].enemies.push(newPlayer); // 相互添加到敌人列表 newPlayer.enemies.push(players[i]); } } players.push(newPlayer); return newPlayer; };

//红队： var player1 = playerFactory('皮蛋', 'red'), player2 = playerFactory('小乖', 'red'), player3 = playerFactory('宝宝', 'red'), player4 = playerFactory('小强', 'red'); //蓝队： var player5 = playerFactory('黑妞', 'blue'), player6 = playerFactory('葱头', 'blue'), player7 = playerFactory('胖墩', 'blue'), player8 = playerFactory('海盗', 'blue');

player1.die(); player2.die(); player4.die(); player3.die();

function Player(name, teamColor) { this.name = name; // 角色名字 this.teamColor = teamColor; // 队伍颜色 this.state = 'alive'; // 玩家生存状态 }; Player.prototype.win = function () { console.log(this.name + ' won '); }; Player.prototype.lose = function () { console.log(this.name + ' lost'); }; /*******************玩家死亡*****************/ Player.prototype.die = function () { this.state = 'dead'; playerDirector.reciveMessage('playerDead', this); // 给中介者发送消息，玩家死亡 }; /*******************移除玩家*****************/ Player.prototype.remove = function () { playerDirector.reciveMessage('removePlayer', this); // 给中介者发送消息，移除一个玩家 }; /*******************玩家换队*****************/ Player.prototype.changeTeam = function (color) { playerDirector.reciveMessage('changeTeam', this, color); // 给中介者发送消息，玩家换队 };

const playerFactory = function (name, teamColor) { const newPlayer = new Player(name, teamColor); // 创造一个新的玩家对象 playerDirector.reciveMessage('addPlayer', newPlayer); // 给中介者发送消息，新增玩家 return newPlayer; }; 

const playerDirector = (function () { const players = {}, // 保存所有玩家 operations = {}; // 中介者可以执行的操作 /** * 新增一个玩家 * @param {Player} player 玩家 */ operations.addPlayer = function (player) { const teamColor = player.teamColor; // 玩家的队伍颜色 // 如果该颜色的玩家还没有成立队伍，则新成立一个队伍 players[teamColor] = players[teamColor] || []; players[teamColor].push(player); // 添加玩家进队伍 }; /** * 移除一个玩家 * @param {Player} player 玩家 */ operations.removePlayer = function (player) { const teamColor = player.teamColor, // 玩家的队伍颜色 teamPlayers = players[teamColor] || []; // 该队伍所有成员 for (let i = teamPlayers.length - 1; i >= 0; i--) { // 遍历删除 if (teamPlayers[i] === player) { teamPlayers.splice(i, 1); } } }; /** * 玩家换队 * @param {Player} player 玩家 * @param {string} newTeamColor 队伍颜色 */ operations.changeTeam = function (player, newTeamColor) { // 玩家换队 operations.removePlayer(player); // 从原队伍中删除 player.teamColor = newTeamColor; // 改变队伍颜色 operations.addPlayer(player); // 增加到新队伍中 }; /** * 玩家死亡 * @param {Player} player 玩家 */ operations.playerDead = function (player) { const teamColor = player.teamColor, teamPlayers = players[teamColor]
                
提示：
                    本文由神整理自网络，如有侵权请联系本站删除！
                    

                    本站声明： 

                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                
                

                

                                            
上一篇：vue项目中如何调用多个不同的ip接口_vue.js_
                                                                
下一篇：JavaScript设计模式之职责链模式详解_javascript技巧_