面试官：能用JS写一个发布订阅模式吗？

【面试官：能用JS写一个发布订阅模式吗？】的更多相关文章

面试官：能用JS写一个发布订阅模式吗？

目录 1 场景引入 2 代码优化 2.1 解决增加粉丝问题 2.2 解决添加作品问题 3 观察者模式 4 经纪人登场 5 发布订阅模式 6 观察者模式和发布订阅模式的对比什么是发布订阅模式?能手写实现一下吗?它和观察者模式有区别吗?... 1 场景引入我们先来看这么一个场景: 假设现在有一个社交平台,平台上有一个大V叫Nami Nami很牛,多才多艺,目前她有2个技能:会写歌.会拍视频她会把这些作品发布到平台上.关注她的粉丝就会接收到这些内容现在他已经有3个粉丝了,分别是:Luffy.Z…

JS中的发布订阅模式

一. 你是如何理解发布订阅模式的 JS中的设计模式: 单例模式:处理业务逻辑构造原型模式:封装类库,组件,框架,插件等类库:jQuery 只是提供了一些常用的方法,可以应用到任何的项目中,不具备业务性组件:bootstrap 提供了很多通用的组件(HTML/CSS/JS都是别人规定好的),我们只需要按照要求使用,就可以直接的达到效果插件: swiper/iscroll 针对于一个具体业务的封装,例如选项卡插件或者轮播图插件框架:React/Vue 具备一定编程思想的(MVC/MVVM)…

js里的发布订阅模式及vue里的事件订阅实现

发布订阅模式(观察者模式) 发布订阅模式的定义:它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知. 发布订阅模式在JS中最常见的就是DOM的事件绑定与触发: //todo 注册点击事件 btn.addEventListener("click", function (event) { console.log("点击事件触发了"); }); //todo 执行点击事件 btn.click(); 这两句代码就是该模式的核心:注…

js设计模式之发布/订阅模式模式

一.前言发布订阅模式,基于一个主题/事件通道,希望接收通知的对象(称为subscriber)通过自定义事件订阅主题,被激活事件的对象(称为publisher)通过发布主题事件的方式被通知. 就和用户订阅微信公众号道理一样,一个公众号可以被多个用户同时订阅,当公众号有新增内容时候,只要发布就好了,用户就能接收到最新的内容. js中的事件监听机制就是一种观察者模式. 二.和观察者模式的区别观察者模式:一个对象(称为subject)维持一系列依赖于它的对象(称为observer),将有关状态的任何…

浅谈js设计模式之发布 — 订阅模式

发布 — 订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知.在 JavaScript开发中,我们一般用事件模型来替代传统的发布 — 订阅模式. var salesOffices = {}; // 定义售楼处 salesOffices.clientList = []; // 缓存列表,存放订阅者的回调函数 salesOffices.listen = function(fn) { // 增加订阅者 this.clientList.…

js设计模式之发布订阅模式

1. 定义发布-订阅模式其实是一种对象间一对多的依赖关系,当一个对象的状态发送改变时,所有依赖于它的对象都将得到状态改变的通知. 订阅者(Subscriber)把自己想订阅的事件注册(Subscribe)到调度中心(Event Channel),当发布者(Publisher)发布该事件(Publish Event)到调度中心,也就是该事件触发时,由调度中心统一调度(Fire Event)订阅者注册到调度中心的处理代码. 2 发布订阅模式的图解以及与观察者模式之间的差异和类似之处: 3 实现发布…

从发布订阅模式入手读懂Node.js的EventEmitter源码

前面一篇文章setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop详细讲解了浏览器和Node.js的异步API及其底层原理Event Loop.本文会讲一下不用原生API怎么达到异步的效果,也就是发布订阅模式.发布订阅模式在面试中也是高频考点,本文会自己实现一个发布订阅模式,弄懂了他的原理后,我们就可以去读Node.js的EventEmitter源码,这也是一个典型的发布订阅模式. 本文所有例子已经上传到GitHub,同一个repo下面还有我所有博文和例…