![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js设计模式
yh99
这个作者很懒,什么都没留下…
展开
-
JS设计模式——中介者模式
什么是中介者模式? 中介者模式(Mediator)是用来降低多个对象和类之间的通信复杂性。这种模式提供一个中介类,该类通常处理不同类的通信,并支持松耦合,使代码易于维护。中介者模式属于行为模式。 在这里插入图片描述 实现 var mediator = (function () { var topics = {} // 订阅一个 topic,提供一个回调函数,一旦 topic 被广播就执行该回调 v...转载 2019-07-08 15:16:56 · 247 阅读 · 0 评论 -
JS设计模式——发布/订阅模式
发布/订阅模式和观察者模式的区别 有人说发布/订阅模式就是观察者模式,有人说发布/订阅模式是观察者的变种。不管怎样,必须承认他们之间是有区别的。 其中最主要的区别就是在发布/订阅模式中多了一层主题/事件通道。 回想在观察者模式中,主题和观察者是直接发生关系的,观察者需要注册到主题中去。而在发布/订阅模式中,发布者和订阅者并不知道彼此的存在,他们都直接和中间层(主题/事件通道)发生关系。 在这里插入...转载 2019-07-08 15:18:58 · 451 阅读 · 0 评论 -
JS设计模式——观察者模式
什么是观察者模式? 一个或多个观察者对目标的状态感兴趣,它们通过将自己依附在目标对象上以便注册所感兴趣的内容。 目标状态发生改变并且观察者可能对这些改变感兴趣,就会发送一个通知消息,调用每个观察这的更新方法。 当观察者不再对目标状态感兴趣时,他们可以简单地将自己从中分离。 看完后你会觉得这是什么破玩意?不要急,我们举个现实中的例子,来按段落顺序逐步分解下上面这段话的意思。 去饭馆吃饭,点完餐会给...转载 2019-07-08 15:21:08 · 190 阅读 · 0 评论 -
JS设计模式——单例模式
定义 限制一个类只能有一个实例,并提供一个全局的单一访问点。 简单的单例模式 在 JS 中,可以通过对象字面量的方式去创建一个实例对象。 var singleton = { prop1: 'foo', prop2: 'bar', method1: function() { console.log(123) } } 上面就是一个简单单例模式的示例。如果需要添加私有变量和方法,可以把等号...转载 2019-07-08 15:22:40 · 162 阅读 · 0 评论 -
JS设计模式——构造器模式
引入 看过高程书的对这个设计模式应该很熟悉。构造器模式属于创建型设计模式。那么什么是创建型设计模式呢? 创建型设计模式专注于处理对象的创建机制。也就是说这类模式,都和创建对象的过程密不可分。 除了构造器模式属于这类模式。还有其他一些设计模式也属于创建型设计模式。比如: 工厂模式 抽象模式 原型模式 单例模式 生成器模式 下面还是先来谈谈构造器模式。 什么是构造器? 在面向对象的编程语言中,构造器...转载 2019-07-08 15:24:30 · 610 阅读 · 0 评论