- 博客(7)
- 资源 (1)
- 收藏
- 关注
原创 JavaScript观察者模式
观察者模式又称为发布-订阅模式,它定义了对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖它的对象都将得到通知。观察者模式一个非常常见的例子就是DOM节点上的事件绑定。当body对象被点击时,body节点就会向订阅者发布这个消息。document.body.addEventListener('click', function() { alert(2)}, false)document.body.click()观察者模式示例代码...
2020-12-26 23:00:52 203 1
原创 JavaScript代理模式
代理模式举例首先可以看一下代理模式局的一个例子:class RealImg { constructor(fileName) { this.fileName = fileName // 模拟从硬盘初始化加载 this.loadFromDisk() } display() { console.log('display...' + this.fileName) } loadFromDisk() { console.log('loading...'
2020-12-26 20:18:25 193 1
原创 适配器模式、代理模式、装饰器模式使用场景区别
适配器模式适配器模式是提供和原先接口不一样的接口,做一个二次转换,原来的接口还是可以继续使用的。代理模式原先的接口是不能访问的(无权使用),只能通过代理来去访问原先接口。代理过程中可能会对原有接口功能做一定程度改造。装饰器模式用于功能扩展,原有的功能不变还可以继续使用。...
2020-12-26 18:07:57 483
原创 JavaScript装饰器模式
适配器模式是原来的接口就不能用了,需要做一个适配之后才能继续使用。装饰器是原先接口还能用,在此基础上添加一些新功能。(为对象添加新功能,并且不改变原有结构和功能)
2020-12-26 16:33:22 333 1
原创 从JavaScript单例模式到Vuex中store
导言:如果你像我一样也是JavaScript的初学者并且希望更深一步理解Vue框架背后的设计思想的话,那么这篇文章或许会适合你。单例模式单例模式的定义是:保证一个类仅有一个实例,并提供一个访问他的全局方法。什么是单例模式呢,简单来说就是一个类只能创建一个实例,即使你创建了很多的实例,但如果通过===比较的话,你会发现,这些实例全部都是相等的。那这有什么用呢?比如我们拿微信举例子,通常情况下无论是手机端还是PC端,你都只能登陆一个微信账号。而且你也只能打开一个微信登录界面,没有办法打开多个。.
2020-12-19 22:56:43 1044 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人