这篇文章给大家介绍javascript中介者模式的作用是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。JavaScript有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下
这篇文章给大家介绍javascript中介者模式的作用是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4、js语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5、基于对象的脚本语言,js不仅可以创建对象,也能使用现有的对象。
1、概念
通过一个中介对象,所有其他相关对象都通过中介对象通信,而不是相互引用。当一个对象发生变化时,只需通知中介对象。通过中介模式,可以解除对象与对象之间的耦合关系。
2、实例
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><p>1 0 30</p><div id="results"></div><script>//Mediator//这里用了构造器模式function Player(name) {this.name = name;this.point = 0;}Player.prototype.play = function() {this.point += 1;mediator.played();} var scoreboard = {ele : document.getElementById("results"), update : function(score) {var i, msg = "";for(i in score) {if(score.hasOwnProperty(i)) {msg += "<p><strong>" + i + "</strong>";msg += score[i];msg += "</p>";}}this.ele.innerHTML = msg;}}; var mediator = { players : {}, setup : function() { var player = this.players;player.home = new Player("Home");player.guest = new Player("Guest");}, played : function() { var player = this.players;score = {Home : player.home.point,Guest : player.guest.point};scoreboard.update(score);}, keypress : function(e) {e = e || window.event; //事件监听if(e.which === 49) {mediator.players.home.play();}if(e.which === 48) {mediator.players.guest.play();}}}; mediator.setup();window.onkeypress = mediator.keypress; setTimeout(function(){window.onkeypress = null;console.log("game over!");}, 30000);</script></body></html>
关于JavaScript中介者模式的作用是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
--结束END--
本文标题: JavaScript中介者模式的作用是什么
本文链接: https://www.lsjlt.com/news/275135.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0