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.mzph.cn/web/3996.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaScript创建和填充数组的更多方法

空数组fill()方法创建并填充数组 ● 我们之前创建数组的方式都是手动去创建去一个数据&#xff0c;例如 console.log([1, 2, 3, 4, 5, 6, 7]);● 当然我们也可以使用Array对象来构造数组 console.log([1, 2, 3, 4, 5, 6, 7]); console.log(new Array(1, 2, 3, 4, 5, 6, 7));…

python生成二维码及进度条源代码

一、进度条 1、利用time模块实现 import time for i in range(0, 101, 2):time.sleep(0.3)num i // 2if i 100:process "\r[%3s%% ]: |%-50s|\n" % (i, # * num)else:process "\r[%3s%% ]: |%-50s|" % (i, # * num)print(process, end, flushTrue)2、使…

tcp服务器端与多个客户端连接

如果希望Tcp服务器端可以与多个客户端连接&#xff0c;可以这样写&#xff1a; tcpServernew QTcpServer(this);connect(tcpServer,SIGNAL(newConnection()),this,SLOT(onNewConnection())); void MainWindow::onNewConnection() {QTcpSocket *tcpSocket;//TCP通讯的Sockettcp…

陪丨玩丨系丨统前后端开发流程,APP小程序H5前后端源码交付支持二开!多人语音,开黑,线上线下两套操作可在一个系统完成!

100%全部源码出售 官网源码APP源码 管理系统源码 终身免费售后 产品免费更新 产品更新频率高 让您时刻立足于行业前沿 软件开发流程步骤及其作用&#xff1a; 软件开发是一个复杂而系统的过程&#xff0c;涉及多个环节&#xff0c;以下是软件开发的主要流程步骤及其作用…

MySQL 服务器权限与对象权限

MySQL服务器权限&#xff08;全局权限&#xff09;和对象权限&#xff08;数据库权限和表权限&#xff09;是MySQL权限体系中的两个重要组成部分&#xff0c;它们共同构成了MySQL的安全管理机制。 服务器权限&#xff08;全局权限&#xff09; 服务器权限&#xff0c;也称为全…

leetCode60. 排列序列

leetCode60. 排列序列 方法一:语法版&#xff0c;面试官不认可的方法&#xff1a;next_permutation函数 // 方法一&#xff1a;使用next_permutation函数&#xff0c;将某容器设置为当前按照字典序 // 的下一个全排列的内容 class Solution { public:string getPermutation(in…

SystemUI KeyButtonView setDarkIntensity 解析

继承自 ImageView KeyButtonDrawable intensity为0时按键颜色为白色。 intensity为1时黑色为的调用堆栈&#xff1a; java.lang.NullPointerException: Attempt to invoke virtual method int java.lang.String.length() on a null object referenceat com.android.systemui.…

PostgreSQL的扩展(extensions)-常用的扩展之pgBackRest

PostgreSQL的扩展&#xff08;extensions&#xff09;-常用的扩展之pgBackRest pgBackRest 是一个高度灵活和功能丰富的备份和恢复解决方案&#xff0c;专为 PostgreSQL 数据库设计。pgBackRest 致力于简化备份和恢复流程&#xff0c;同时提供高级功能&#xff0c;如点对点恢复…

LLaMA-Factory参数的解答(命令,单卡,预训练)

前面这个写过&#xff0c;但觉得写的不是很好&#xff0c;这次是参考命令运行脚本&#xff0c;讲解各个参数含义。后续尽可能会更新&#xff0c;可以关注一下专栏&#xff01;&#xff01; *这是个人写的参数解读&#xff0c;我并非该领域的人如果那个大佬看到有参数解读不对或…

CARLA (I)--Ubuntu20.04 服务器安装 CARLA_0.9.13服务端和客户端详细步骤

目录 0. 说明0.1 应用场景&#xff1a;0.2 本文动机&#xff1a; 1. 准备工作2. 安装 CARLA 服务端软件【远程服务器】3. 安装 CARLA 客户端【远程服务器】3.1 .egg 文件安装&#xff1a;3.2 .whl 文件安装&#xff1a;3.3 从Pypi下载Python package 4. 运行服务端程序5. 运行客…

生成能够精确匹配原字符串的正则表达式

正则表达式匹配字符串 简介具体方案生成正则表达式的代码实现 简介 需求内容&#xff1a;需要将不同的公司名称归一化 比如namecheap, NAMECHEAP. INC. 等表示同一含义&#xff0c;但是表现形式不同 本文使用java语言实现了由一串字符串自动生成精确匹配的正则表达式的方式&am…

MATLAB初学者入门(14)—— 支持向量机

支持向量机&#xff08;SVM&#xff09;是一种强大的分类技术&#xff0c;用于解决分类和回归问题。它工作原理是找到最优的超平面&#xff0c;该超平面能够最大化不同类别数据点之间的边界。MATLAB提供了一个简单易用的工具箱&#xff0c;称为Statistics and Machine Learning…

Unity入门实践小项目

必备知识点 必备知识点——场景切换和游戏退出 必备知识点——鼠标隐藏锁定相关 必备知识点——随机数和Unity自带委托 必备知识点——模型资源的导入 实践项目 需求分析 UML类图 代码和资源导入 开始场景 场景装饰 拖入模型和添加脚本让场景动起来 开始界面 先用自己写的GUI…

Feign负载均衡

Feign负载均衡 概念总结 工程构建Feign通过接口的方法调用Rest服务&#xff08;之前是Ribbon——RestTemplate&#xff09; 概念 官网解释: http://projects.spring.io/spring-cloud/spring-cloud.html#spring-cloud-feign Feign是一个声明式WebService客户端。使用Feign能让…

2726641 - Failed to resolve Object Based Navigation target

服务和支持/知识库文章和注释/人事管理/人员发展/目标设置和评估 (PA-PD-PM) 2726641 - 未能解析基于对象的导航目标 SAP Knowledge Base Article, Version: 1, 审批日期: 30.11.2018 组件PA-PD-PM对象状态 优先级正常对象状态 类别问题对象状态 审批状态已发布至客户对象…

Java设计模式 _创建型模式_原型模式(Cloneable)

一、原型模式 1、原型模式&#xff08;Prototype Pattern&#xff09;是用于创建重复的对象&#xff0c;同时又能保证性能比较好。一般对付出较大代价获取到的实体对象进行克隆操作&#xff0c;可以提升性能。 2、实现思路&#xff1a; &#xff08;1&#xff09;、需要克隆的…

STM32、GD32等驱动AMG8833热成像传感器源码分享

一、AMG8833介绍 1简介 AMG8833是一种红外热像传感器&#xff0c;也被称为热感传感器。它可以用来检测和测量物体的热辐射&#xff0c;并将其转换为数字图像。AMG8833传感器可以感知的热源范围为-20C到100C&#xff0c;并能提供8x8的像素分辨率。它通过I2C接口与微控制器或单…

结构化查询语言(SQL)的作用

结构化查询语言&#xff08;SQL&#xff09;的作用 结构化查询语言&#xff08;SQL&#xff09;是一种专门用来管理关系型数据库的语言。它具有以下重要作用&#xff1a; 1. 数据库管理 SQL被广泛应用于数据库管理&#xff0c;包括创建数据库、表和视图&#xff0c;定义数据…

Linux多进程(五) 进程池 C++实现

一、进程池的概念 1.1、什么是进程池 进程池是一种并发编程模式&#xff0c;用于管理和重用多个处理任务的进程。它通常用于需要频繁创建和销毁进程的情况&#xff0c;以避免因此产生的开销。 进程池的优点包括&#xff1a; 减少进程创建销毁的开销&#xff1a;避免频繁创建和…

vue与Spring boot数据交互例子【简单版】

文章目录 什么是Vue&#xff1f;快速体验Vueaxios是什么&#xff1f;向Springboot后端发送数据接收Springboot后端数据小结 什么是Vue&#xff1f; 官网解释&#xff1a;Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是&#xff0c;Vue 被设计为可以自底向上…