Angular Subject和BehaviorSubject之间的区别

        Subject和BehaviorSubject是RxJS中两种常用的Subject类型。

概念:

  1. Subject

    • Subject是一种特殊的Observable,同时也是Observer。它可以被用来订阅Observable,也可以手动向它推送新的值。
    • Subject是一种热Observable,它会在订阅时开始推送值,而不管它们何时被推送。
    • Subject不会缓存最新的值,新的订阅者只能接收到订阅后推送的值,而无法获取之前推送的值。
    • Subject适用于需要将事件转换为Observable的场景,或者在多个订阅者之间共享相同的Observable。
  2. BehaviorSubject

    • BehaviorSubject是一种特殊的Subject,它会缓存最新的值,并在有新的订阅者订阅时立即发送这个最新值给订阅者。
    • BehaviorSubject需要一个初始值作为参数,在没有收到任何值时会发送这个初始值给订阅者。
    • BehaviorSubject适用于需要保存当前状态并让新订阅者立即获取到最新状态的场景。
    • BehaviorSubject常用于管理应用程序的状态,例如全局的用户身份验证状态、主题颜色等。

区别:

  1. 初始值

    • Subject在创建时不需要指定初始值,而且第一个订阅者只会收到Subject之后调用next()方法推送的值。
    • BehaviorSubject在创建时需要指定一个初始值,这个初始值会立即发送给所有订阅者,无需等待调用next()方法。
  2. 订阅时机

    • 对于Subject,如果订阅发生在next()方法之后,订阅者将不会收到之前已经通过next()方法推送的值。
    • 对于BehaviorSubject,无论订阅发生在何时,订阅者都会立即收到最新的值,包括初始值和之后通过next()方法推送的值。
  3. 缓存最新值

    • Subject不会缓存最新的值,每次调用next()方法都会向所有订阅者发送新值。
    • BehaviorSubject会保存最新推送的值,无论是通过next()方法推送的值还是初始值,并在有新订阅者订阅时立即发送这个最新值给订阅者。
    • 当有新的订阅者订阅BehaviorSubject时,它会立即收到缓存的最新值,即使之前已经有值被推送过,而不是等待下一次值的推送。

示例:

        两者明显的区别在于Subject不会缓存最新的值,而BehaviorSubject会缓存最新的值,并在有新的订阅者订阅时立即发送这个最新值给订阅者。下面是有关详细说明这两者之间的区别的代码示例:

  • 首先,我们创建一个Subject和一个BehaviorSubject,并分别订阅它们:
import { Subject, BehaviorSubject } from 'rxjs';

// 创建一个 Subject
const subject = new Subject<number>();

// 创建一个 BehaviorSubject,初始值为0
const behaviorSubject = new BehaviorSubject<number>(0);

// 订阅 Subject
subject.subscribe(value => console.log('Subject Subscription:', value));

// 订阅 BehaviorSubject
behaviorSubject.subscribe(value => console.log('BehaviorSubject Subscription:', value));
  • 接下来,我们分别向SubjectBehaviorSubject推送值,并再次订阅它们: 
// 向 Subject 推送值
subject.next(1);

// 向 BehaviorSubject 推送值
behaviorSubject.next(1);

// 再次订阅 Subject
subject.subscribe(value => console.log('Subject Subscription 2:', value));

// 再次订阅 BehaviorSubject
behaviorSubject.subscribe(value => console.log('BehaviorSubject Subscription 2:', value));
  •  运行以上代码后,我们可以看到以下输出:
Subject Subscription: 1
BehaviorSubject Subscription: 0
BehaviorSubject Subscription: 1
Subject Subscription 2: 1
BehaviorSubject Subscription 2: 1

示例总结:

        上面的示例很好的说明了它们最明显的区别:会不会缓存最新的值。什么叫会缓存最新的值呢?

简单来说就是

        缓存最新值就是保存了最新值的意思,也就是说BehaviorSubject 从它订阅开始就一定会收到值,要不就是初始值,要不就是最新一次的next()方法的传递的值。换句话说,BehaviorSubject从订阅开始就会向订阅者发送值,确保订阅者能够获取到初始值或者最新值。但是Subject对象是收到从它订阅开始之后next()传递的最新值,订阅时不会收到任何值!

误区:

        对于BehaviorSubject对象,每次调用next()方法,Observer只会收到一个新的值,不会重复收到之前的值,也就是不会累积之前的值,因为它缓存的是最新的值,并不是缓存所有值!

举例说明:

import { BehaviorSubject } from 'rxjs';

const behaviorSubject = new BehaviorSubject<number>(0);

// Observer在BehaviorSubject初始化时订阅
behaviorSubject.subscribe(value => console.log('Observer 1:', value));

// 调用next()方法传递新值
behaviorSubject.next(1);

// Observer再次订阅
behaviorSubject.subscribe(value => console.log('Observer 2:', value));

// 再次调用next()方法传递新值
behaviorSubject.next(2);



//运行以上代码后,我们可以看到以下输出:
Observer 1: 0
Observer 1: 1
Observer 2: 1
Observer 1: 2
Observer 2: 2

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/577564.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Unity Timeline学习笔记(4) - 自定义轨道OnCreateClip和CreateTrackMixer用法上的区分

前面我们第二篇文章Unity Timeline学习笔记(2) - PlayableTrack是一个初步的PlayableTrack使用方法&#xff0c;有时候可能会个性化定制专属轨道。 OnCreateClip的例子 下面我们做一个例子&#xff1a; 首先是轨道 //FeatureTrack.cs using System.ComponentModel; using U…

以太网口硬件知识分享

一、了解网口通信基本原理 实现网络通信实质上是PHY与MAC及RJ45接口实现信号传输。MAC 就是以太网控制器&#xff0c;MAC属于数据链路层&#xff0c;主要负责把数据封装成帧&#xff0c;对帧进行界定实现帧同步。对MAC地址和源MAC地址及逆行相应的处理并对错误帧进行处理。PHY…

JavaScript-3(内置对象+数组对象+字符串对象)

目录 1.预解析 2.对象 什么是对象 创建对象的三种方法 利用字面量创建方法 利用new Object创建对象 构造函数创建对象 new关键字 遍历对象 3.内置对象 Math对象 Math概述 Math随机数 Date日期对象 格式化日期 Date总的时间毫秒 4.数组对象 创建数组的两种方式…

进销存单机版和excel进销存那个好用

进销存单机版和EXCEL进销存哪个好用&#xff1f;单机版是安装在单台电脑上使用的&#xff0c;它不能像网络版一样可以多台电脑同时共享数据&#xff0c;所以进销存单机版有一个优势就是不需要连接网络也可以使用。 进销存单机版 进销存软件单机版是经过开发人员设计好的一种信…

网页提示语闪太快的定位问题(selenium)

selenium UI自动化时&#xff0c;提示语闪太快&#xff0c;导致无法获取元素的问题 解决办法 步骤一&#xff1a; F12---》控制台输入debugger 步骤二&#xff1a;对于需要定位的部分&#xff0c;在控制台的debugger处回车&#xff0c;可以定住页面 步骤三&#xff1a;正常定…

生成式AI原理技术详解(一)——神经网络与深度学习

本文主要介绍了生成式AI的最新发展&#xff0c;提到了GPT-5和AI软件工程师在行业中的影响&#xff0c;指出AI技术进步对国家竞争和个人职业发展的潜在影响。 未来已来 最近有两则新闻&#xff1a; sam altman自曝GPT-5细节&#xff0c;公开宣称GPT-5提升将非常大&#xff0c;任…

62、回溯-N皇后

思路&#xff1a; N皇后问题要求在一个nn的棋盘上放置n个皇后&#xff0c;使得它们不能相互攻击。皇后可以攻击同一行、同一列&#xff0c;以及两个对角线方向上的其他皇后。解决这个问题意味着找到所有可能的棋盘配置&#xff0c;每个配置都符合上述条件。 1、初始化数据结构…

Docker 入门篇(二)-- Linux 环境离线安装

引言 docker 系列文章&#xff1a; Docker 入门篇&#xff08;一&#xff09;-- 简介与安装教程&#xff08;Windows和Linux&#xff09; 一、安装环境准备 centos &#xff1a;CentOS Linux release 7.6.1810 (Core)docker 版本&#xff1a;docker-26.1.0.tgz 官网下载地址…

Linux驱动开发——(七)Linux阻塞和非阻塞IO

目录 一、阻塞和非阻塞IO简介 二、等待队列 2.1 等待队列头 2.2 等待队列项 2.3 将队列项添加/移除等待队列头 2.4 等待唤醒 2.5 等待事件 三、轮询 四、驱动代码 4.1 阻塞IO 4.2 非阻塞IO 一、阻塞和非阻塞IO简介 IO指的是Input/Output&#xff0c;也就是输入/输…

十个案例学习Flume

在上一篇文章中&#xff0c;已经知道了Flume的架构、概述、与安装&#xff0c;现在我们来用十个案例去学习flume的使用。 在使用之前&#xff0c;提供一个大致思想&#xff0c;使用Flume的过程是确定scource类型&#xff0c;channel类型和sink类型&#xff0c;编写conf文件并开…

零基础HTML教程(30)--迈入HTML5新时代

文章目录 1. 从H4时代到H5时代2. 属性值可以不用引号3. 标签使用大小写均可4. 部分属性值可以省略5. 浏览器支持情况6. 小结 1. 从H4时代到H5时代 之前讲的29篇HTML教程&#xff0c;内容基本都是H4时代就有的。 随着时代的发展&#xff0c;H4多少有点不够用&#xff0c;所以H…

Kotlin基础​​

数据类型 定义变量 var表示定义变量&#xff0c;可以自动推导变量类型&#xff0c;所以Int可以不用写。 定义常量 条件语句 if表达式可以返回值&#xff0c;该值一般写在if里的最后一行 类似switch的用法 区间 循环 a是标签&#xff0c;可以直接break到标签的位置&#xf…

【八大排序(二)】选择排序与堆排序

❣博主主页: 33的博客❣ ▶️文章专栏分类:八大排序◀️ &#x1f69a;我的代码仓库: 33的代码仓库&#x1f69a; &#x1faf5;&#x1faf5;&#x1faf5;关注我带你了解更多排序知识 目录 1.前言2.选择排序2.1基本思想2.2画图理解2.3单向选择排序代码实现2.4双向选择排序代码…

从零入门区块链和比特币(第一期)

欢迎来到我的区块链与比特币入门指南&#xff01;如果你对区块链和比特币感兴趣&#xff0c;但不知道从何开始&#xff0c;那么你来对地方了。本博客将为你提供一个简明扼要的介绍&#xff0c;帮助你了解这个领域的基础知识&#xff0c;并引导你进一步探索这个激动人心的领域。…

swagger xss漏洞复现

swagger xss漏洞复现 文章目录 swagger xss漏洞复现漏洞介绍影响版本实现原理漏洞复现修复建议: 漏洞介绍 Swagger UI 有一个有趣的功能&#xff0c;允许您提供 API 规范的 URL - 一个 yaml 或 json 文件&#xff0c;将被获取并显示给用户 根本原因非常简单 - 一个过时的库Dom…

预见预判|AIRIOT智慧交通管理解决方案

随着机动车保有量的逐步增加&#xff0c;城市交通压力日益增大。同时&#xff0c;新能源车辆的快速发展虽然带来了环保效益&#xff0c;但也因不限号政策而进一步加剧了道路拥堵问题。此外&#xff0c;各类赛事和重大活动的交通管制措施也时常导致交通状况复杂多变。面对这些挑…

Java 基础常见面试题整理

目录 1、java的基本数据类型有哪些&#xff1f;2、java为什么要有包装类型&#xff1f;3、String a "123" 和 String a new String("123") 区别&#xff1f;4、String、StringBuilder和StringBuffer的区别&#xff1f;5、如何理解面向对象和面向过程&…

MySQL常见问题与解决方案详述

MySQL&#xff1a;常见问题与解决方案详述 作为一款广泛使用的开源关系型数据库管理系统&#xff0c;MySQL对于初学者来说既充满吸引力又充满挑战。本文将列举初学者在使用MySQL过程中可能遇到的一些典型问题&#xff0c;并提供详细的解决方案&#xff0c;配以图片辅助说明&am…

修改后门ctime | Linux 后门系列

0x00 前情提要 在 alias 后门 &#xff5c; Linux 后门系列一文中&#xff0c;我们为了让后门完美一些&#xff0c;修改了后门文件的 atime、mtime&#xff0c;但是 ctime 一直没有办法修改&#xff0c;今天我们来把这一块补齐&#xff0c;让后门更加完美 atime -> access t…

Chrome 网络调试程序 谷歌网络调试 network

目录 1.网络面板总览2.概况了解3.Waterfall接口排队等待时间4.关注请求接口的Size,可能是占据内存溢出的接口5.过滤器一栏 fetch/xhr 什么意思6. Stalled 什么意思7.Queueing 什么意思8.Queueing和Stalled之间什么关系9.为什么会有阻塞状态10.Time列是pending 什么意思 1.网络面…
最新文章