JS常见设计模式 之 发布—订阅

最新推荐文章于 2024-05-10 16:21:55 发布
最新推荐文章于 2024-05-10 16:21:55 发布
阅读量536 收藏
点赞数
文章标签： javascript 设计模式 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53225741/article/details/127466802
版权
本文介绍了JavaScript的设计模式——发布-订阅，详细阐述了JavaScript为何是单线程，同步任务与异步任务的区别，重点讲解了宏任务与微任务的执行顺序，以及事件循环的工作原理。同时，讨论了setTimeout的计时准确性问题和JavaScript永不阻塞的特性。
摘要由CSDN通过智能技术生成

写在前面：

某个月黑风高的夜晚，我搞Java的室友龙哥问了我一个问题：

我的回答：

好吧，如果要讲前端的同步异步的话，那不得不说到经典面试题，事件循环与宏任务与微任务，本文一文带你了解时间管理大师JavaScript先生基于事件循环的并发模型以及同步异步，宏任务和微任务。本文中个人理解如有错误欢迎大神指出。

概念了解

在了解事件循环之前，我们首先要知道一些东西，例如JavaScript是一门单线程的语言，这是JS的一个特点，设计之初是如此未来想必也不会改变

为什么JS是单线程？

举一个简单的栗子来说，我们都知道JS可以用来控制DOM元素，假设我有两段JS代码，

（1）是用来生成一个DOM元素

（2）是用来删除该DOM元素

当我的JS是多线程时，如果（2）先执行了

最低0.47元/天 解锁文章
AI画手小王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单说一说如何用js实现发帖评论
luckyyulun的博客
04-03 513
单击我要发帖，弹出发帖页面 在标题框中输入标题，选择所属版块，输入帖子内容 单击“发布”按钮，新发布的帖子显示在列表的第一个，新帖子显示头像、标题、版块和发布时间
JS发布订阅模式
weixin_45523520的博客
03-27 875
最后，我们需要注意的是，发布订阅模式是一种非常强大的设计模式。在实际应用中，我们需要仔细考虑代码复杂性和应用程序的可维护性。一个糟糕的实现可能会导致代码膨胀、性能问题和难以理解的逻辑。因此，我们需要仔细设计和优化我们的代码，以确保它高效、易于维护并符合设计原则。
js设计模式--发布订阅者模式
最新发布
zhang_zan
05-10 536
设计模式--发布订阅者模式
JS 设计模式 - 发布订阅模式
楠姐的博客
05-26 1632
发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，一般用事件模型来替代传统的发布—订阅模式。
js中的设计模式之发布订阅模式
前端三脚猫的博客
05-25 3599
发布订阅模式是什么 它其实是一种对象间一对多的依赖关系，当一个对象的状态发送改变时，所有依赖于它的对象都将得到状态改变的通知。（如微信公众号一样有无数个订阅者，有一个发布者，当发布者发布文章的时候，订阅者都可以收到发布的文章。） 平时使用 前端在之前使用jq的时候就有使用到发布订阅模式例如有trigger和on方法，现在vue中也经常使用到如：事件总线进行组件间的传值、子父组件间的传值、vue实现双向绑定等等。 手动实现 我们平时用的发布订阅模式需要有订阅on方法和发布emit方法，所以我们首先实现一个最简
发布-订阅模式
uperficialyu的博客
02-27 7165
发布-订阅模式 学习知识要善于思考，思考，再思考。 —— 爱因斯 在众多设计模式中，可能最常见、最有名的就是发布 - 订阅模式了，本篇我们一起来学习这个模式。 发布 - 订阅模式 （Publish-Subscribe Pattern, pub-sub）又叫观察者模式（Observer Pattern），它定义了一种一对多的关系，让多个订阅者对象同时监听某一个发布者，或者叫主题对象，这个主题对象的状态发生变化时就会通知所有订阅自己的订阅者对象，使得它们能够自动更新自己。 当然有人提出发布 - 订阅模式和观察
js代码-设计模式之发布-订阅者模式
07-16
总结来说，`js代码-设计模式之发布-订阅者模式`是一个关于使用JavaScript实现发布-订阅者模式的示例。这个模式通过分离事件源和响应事件的对象，提高了代码的可维护性和灵活性。通过分析`main.js`和参考`README.txt`...
几种js设计模式.rar
06-13
在这个"js设计模式.rar"压缩包中，我们可能会发现一系列关于JavaScript设计模式的文档或代码示例。 设计模式可以分为三大类：创建型、结构型和行为型。下面将详细介绍这三类中的主要设计模式，并结合JavaScript的...
《Javascript 设计模式》课程代码源码
04-21
JavaScript设计模式是编程实践中的一种重要思想，它提供了一套经过时间考验的最佳实践，用来解决常见的编程问题和提高代码的可维护性、可扩展性和可复用性。在本《JavaScript设计模式》课程的源码中，我们可以深入...
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
12-10
发布者订阅者模式，是一种很常见的模式，比如: 一、买卖房子 生活中的买房，卖房，中介就构成了一个发布订阅者模式，买房的人，一般需要的是房源，价格，使用面积等信息，他充当了订阅者的角色 中介拿到卖主的房源...
js代码-发布订阅模式
07-15
JavaScript中的发布订阅模式（Publish-Subscribe Pattern）是一种设计模式，它允许对象之间进行解耦通信。在该模式中，发布者（Publisher）不直接与订阅者（Subscriber）交互，而是通过一个中间人——事件总线...
JavaScript事件发布/订阅模式原理与用法分析
10-18
主要介绍了JavaScript事件发布/订阅模式,结合实例形式简单分析了javascript发布/订阅模式的概念、原理及简单使用方法,需要的朋友可以参考下
JavaScript中发布/订阅模式的简单实例
01-19
上次研究观察者模式，很多文章说它也叫Subscribe/Publish(发布/订阅模式)。可在《Javascript设计模式》一书中，这两种模式还是有些区别的。书中原话如下： 1.Observer模式要求希望接收到主题通知者的观察者必须订阅内容改变的事件。 2.Subscribe/Publish模式使用了一个主题/事件通道，这个通道介于订阅者和发布者之间。该事件系统允许代码定义应用程序的特定事件，该事件可以传递自定义参数，自定义参数包含订阅者所需要的值。其目的是避免订阅者和发布者产生依赖关系。 与Observer模式不同之处在于它允许任何订阅者执行适当的事件处理程序来注册和接收发布者发出的通知
JS模式之简单的订阅者和发布者模式完整实例
10-24
主要介绍了JS模式之简单的订阅者和发布者模式,以一个完整实例形式详细分析了JS订阅者和发布者模式基本实现技巧,需要的朋友可以参考下
js实现文章或个人动态发布了多久的时间描述：几分钟前，几小时前，几天前等
Charles_Tian的博客
08-15 2866
一般来说，为提高用户体验，在某些管理文章或个人动态时，需要在右下角显示该文章或该动态已经发布了多久。 那么该需求具体到底怎么实现呢？如果没思路可能会觉得有点难，但是一旦有了思路之后，其实实现起来很简单。 1.首先我们要明确显示的时间层具体有几层； 2.要明确年月日时分秒的获取和相互之间的单位换算； 3.怎么用逻辑去判断，去返回详细的时间描述。 理解上面三个步骤之后，我们来实现一下简单的需...
用js制作简单的发布功能
YmwWow的博客
03-17 1176
代码如下：<!DOCTYPE html> <html lang="en">     <head>         <meta charset="UTF-8">         <title>demo</title>         <link href="https://cdn.
js设计模式5-发布订阅模式
syt_1013的博客
08-08 147
1.发布-订阅模式又叫做观察者模式，他定义对象件的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖他的对象都将得到通知 再现实生活中，送发短信通知就是一个典型的发布-订阅模式，小明，小红等购买者都是订阅者，他们订阅房子开售信息。售楼处作为发布者，会在何时的时候遍历花名册上的电话号码，依次给购房者发布消息 首先要指定好谁充当发布者（比如售楼处） 然后给发布者添加一个缓存列表，用于存放回掉函数以便通知订阅者（售楼处花名册） 最后发布消息时，发布者会遍历这个缓存列表，依次触发里面存放的订阅者回掉函
js发布订阅模式
qq1195566313的博客
08-31 1390
一、 什么是发布-订阅模式 1. 定义 发布-订阅模式其实是一种对象间一对多的依赖关系，当一个对象的状态发送改变时，所有依赖于它的对象都将得到状态改变的通知。 订阅者（Subscriber）把自己想订阅的事件注册（Subscribe）到调度中心（Event Channel），当发布者（Publisher）发布该事件（Publish Event）到调度中心，也就是该事件触发时，由调度中心统一调度（Fire Event）订阅者注册到调度中心的处理代码。 2. 例子 比如我们很喜欢看某个公众号号的文章，
23-js运行机制事件循环与宏任务、微任务以及同步函数与异步函数
小凡子的博客
10-14 292
事件循环：JS 会创建一个类似于 while (true) 的循环，每执行一次循环体的过程称之为Tick。每次Tick的过程就是查看是否有待处理事件，如果有则取出相关事件及回调函数放入执行栈中由主线程执行。待处理的事件会存储在一个任务队列中，也就是每次Tick会查看任务队列中是否有需要执行的任务。 主线程：JS只有一个线程，称之为主线程。而事件循环是主线程中执行栈里的代码执行完毕之后，才开始执行的。所以，主线程中要执行的代码时间过长，会阻塞事件循环的执行，也就会阻塞异步操作的执行。只有当主线程中执行栈为..
手写JavaScript发布订阅模式
05-18
发布订阅模式又称观察者模式，是一种常见的设计模式，它定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。下面是手写JavaScript发布订阅模式的一种实现方式： ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值