前端开发的设计模式（基本理解）

刺骨的言语ヽ痛彻心扉 2022-12-26 02:21 127阅读 0赞

一：模块模式

在立即执行函数表达式中定义的变量和方法在外界是访问不到的，只有通过其向外部提供的接口，“有限制”地访问。通过函数作用域解决了属性和方法的封装问题。  
现在的主流框架笔者认为都是属于模块模式，还有笔者之前做jQuery结合requireJS的项目也是属于模块模式。

--------------------

二：构造函数模式：

在构造函数的prototype上增加属性和方法。  
就是创建一个构造函数然后加属性和方法，使用的时候就在其他地方去调用这个构造函数里面的东西。

--------------------

三：工厂模式：

创建一个函数，通过接收参数来生成不同的对象。  
来结合代码就一目了然了：

四：单例模式：

一句话，全局只有一个实例。

五：发布-订阅模式（观察者模式）：

定义了对象之间一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。  
观察者模式广泛应用于异步编程中，是一种替代回调函数的方案，多个事件处理函数可以订阅同一个事件，当该事件发生后，与其相对应的多个事件处理函数都会运行。  
取代对象之间硬编码的通知机制，一个对象不用再显示的调用另外一个对象的某个接口，降低模块之间的耦合程度，虽然不清楚彼此的细节，但是不影响他们之间的相互通信。  
**应用：**  
DOM事件是一种典型的发布-订阅模式，对一个dom节点的一个事件进行监听，当操作dom节点时，触发响应的事件，响应函数执行，事件函数对dom节点完全未知，不用去理会时什么事件，如何触发，执行就好。

--------------------

六：混合模式：

笔者研究细致了这补充此模式内容。