学习JavaScript设计模式之中介者模式(javascript教程 csdn)

编辑：rootadmin

推荐整理分享学习JavaScript设计模式之中介者模式(javascript教程 csdn)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript课设,javascript设计,javascript如何学,javascript如何学,javascript教程 csdn,javascript设计,javascript课设,javascript课设,内容如对您有帮助，希望把文章链接给更多的朋友！

一、定义

面向对象设计鼓励将行为分布到各个对象中，把对象划分成更小的粒度，有助于增强对象的可复用性。但由于这些细粒度对象之间的联系激增，又可能反过来降低它们的可复用性。中介者模式的作用就是解除对象与对象之间的紧耦合关系。

二、示例：购买商品

假设我们正在开发一个购买手机的页面，购买流程中，可以选择手机颜色以及输入购买数量，同时页面中可以对应展示输入内容。还有一个按钮动态显示下一步操作（该颜色库存量充足，显示下一步；否则显示库存不足）。

当页面中新增加另外一个下拉列表框，代表手机内存，上述代码改动面很大。

三、引入中介模式

所有的节点对象只跟中介者通信。当下拉选择框selColor、selMemory亦或文本框selNum发生了事件行为时，仅通知中介者它们被改变了，同时把自己当做参数传入中介者，以便中介者辨别是谁发生了改变，剩下的事情交给中介者对象来完成。

中介者模式是迎合迪米特法则的一种实现。迪米特法则也叫最少知识原则，是指一个对象应该尽可能少地了解另外的对象。避免“城门失火，殃及鱼池”。

缺点：最大的缺点是系统中会增加一个中介对象，因为对象之间交互的复杂性，转移成了中介对象的复杂性，使得中介者对象经常是巨大的，很难维护。

一般来说，如果对象之间的复杂耦合确实导致调用和维护出现了困难，而且这些耦合度随项目的变化呈指数增长，那么我们可以考虑用中介者模式来重构代码。

希望本文所述对大家学习javascript程序设计有所帮助。

JavaScript提高性能知识点汇总一、针对js文件的加载位置在HTML文件中，script标签是可以加在head区域和body区域的。这里鉴于JavaScript执行和UI渲染的单线程原因，如果js文件载入会阻塞

JavaScript焦点事件、鼠标事件和滚轮事件使用详解焦点事件一般利用这些事件与document.hasFocus()方法和document.activeElement属性配合。主要有：blur：元素失去焦点，不会冒泡；DOMFocusIn：同HTML事件focus，于DOM3

JavaScript知识点总结之如何提高性能 JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文非常详细的介绍了一下JavaScript性能优化方面的知识点