RxJS：所有订阅都需要调用 unsubscribe 取消订阅？

最新推荐文章于 2023-06-25 10:57:58 发布
最新推荐文章于 2023-06-25 10:57:58 发布
阅读量1.8k 收藏 5
点赞数 1
分类专栏： 前端相关知识 文章标签： rx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42910765/article/details/120704504
版权
在使用RxJS时，通常认为订阅时需要调用unsubscribe()防止内存泄漏。实际上，当Observable通过onComplete()或OnError()结束时，RxJS会自动处理内存释放。在Angular中，HttpClient的请求Observable、AsyncPipe以及使用take、takeWhile等操作符的Observable无需手动取消订阅。然而，使用Subject及其变体进行组件间通信时，需要调用unsubscribe()来释放资源。
摘要由CSDN通过智能技术生成

从此用 RxJS 订阅的时候，时刻都不忘调用 unsubscribe() 以防内存泄漏。对于结束 Observable，释放内存的方式有三种方式：

第一种，Observable 完成值的发送，执行 Observable.onComplete()

第二种，Observable 发生错误，执行 Observable.OnError()

第三种，订阅者主动取消订阅，执行 subscription.unsubscribe()

对于Observable.onComplete()和Observable.OnError()，RxJS 自身会处理这两种情况，所以不需要在代码里再手动取消订阅释放内存。

在 Angular 项目中，常用到的订阅以及是否需要调用 unsubscribe() 取消订阅，有以下几种：

  • Angular 中通过 HttpClient 执行 Http Request 返回的 Observables，订阅这些 Observables 拿到 API 返回的数据，不需要调用 unsubscribe() 取消订阅。

  • Angular AsyncPipe，不需要调用 unsubscribe()取消订阅。（内置自动销毁）
    Angular内置AsyncPipe解析

  • RxJS 自带的一些操作符：take，takeWhile，first 等等，不需要调用 unsubscribe()取消订阅。（内置自动销毁）

  • <
最低0.47元/天 解锁文章
折桂怀橘
关注
专栏目录
angular Rxjs异步获取数据，异步unsubscribe取消订阅，异步多次执行
qq_39962271的博客
02-18 925
一、异步获取数据 1、首先，进行Angular环境的搭建和项目创建 ctrl + c 结束服务 2、创建服务：request ng g service services/request 3、创建一个组件 ：home ng g component components/home 4、app.module.ts中引入并配置创建的服务和组件 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/pla
Angular自动取消订阅RxJs
FlyWine的博客
03-18 1678
Angular自动取消订阅RxJs 在使用 rxjs 时我们经常忘记调用unsubscribe()而导致内存泄露，很多时候你很难发现它，在RxJs官方有这样一段话： What is a Subscription? A Subscription is an object that represents a disposable resource, usually the execution of ...
[RxJS] `add` Inner Subscriptions to Outer Subscribers to `unsubscribe` in RxJS
weixin_34248118的博客
09-29 68
When subscribers create new "inner" sources and subscriptions, you run the risk of losing control of them when the outer subscriber unsubscribes. This is handled easily enough if you use the add metho...
RxJS: Don’t Unsubscribe
u011153667的博客
12-09 1172
RxJS: Don’t Unsubscribe Well… okay, just don’t unsubscribe quite so much. I’m often enlisted to help someone debug an issue with their RxJS code or figure out how to structure an app that is com
angular rxjs subject 取消订阅及解决取消订阅报错问题
qq_43429963的博客
05-06 1243
通常情况下，使用subject时会出现next出的数据subscribe后被反复调用，如： test(){ this.closeSubject.sunscribe((res:any)=>{ // 代码逻辑 console.log("111") }) } 这种反复调用放任不管的情况下可能会导致内存泄露，解决该问题的方式也很简单，将subject取消订阅(unsubscribe)即可，单如下这种方式会导致报错 test(){ this.
8号.SUBSCRIBE(订阅请求报文）
qq_52102317的博客
04-16 223
以订阅主题：8266receive为例 第1位固定报头 82 第2-5位 剩余字节长度 ?? （剩余字节长度=可变报头+负载）最多4字节，每个字节最高位为标志位。 例如：剩余字节长度为1000 1000/128=7余104； 104的二进制为0110 1000 第一位置1为1110 1000变为16进制为E8 所以报文为E8 07 例如：剩余字节长度为20000 20000/128=156余...
subsink:RxJS订阅接收器，用于在组件中正常退订
05-02
就像在组件库的unmount / onDestroy生命周期事件中一样，调用unsubscribe()取消所有订阅。 安装 npm install subsink --save 角度示例 使用SubSink的主要方法有2种：“简单”方法和“添加/数组”方法。 RxJS支持将...
rxjs:有关Rxjs的基本概念
04-22
`unsubscribe`方法用于取消订阅，防止内存泄漏。 ### 8. TypeScript支持 RxJS使用TypeScript编写，提供了丰富的类型定义，使得开发者在编写代码时能获得更好的类型检查和代码提示。 ### 9. 模块化 RxJS采用模块...
RxJS笔记（二）Observables可观察者 & Observer观察者 & Subscription订阅
努力努力再努力w
02-28 226
https://rxjs.tech/guide/observable
取消订阅RxJs Observable 的方案
最新发布
材女的进击
06-25 380
我们使用|async管道订阅Observable，每次Observable流推入新值时，我们用{{ }}计算(执行)组件的updateTitle()方法，而不是显示任何内容。作为一个额外的好处，使用NgRx Effects意味着我们正在使用更加良好的理念处理副作用，这使体系结构更清洁，促进可维护性，并且更容易测试。注意，我们使用了Observable的.pipe()方法来添加操作符，在我们的例子里是将takeUntil添加到Observable链中？外面发生的事情，或者说“在一边”，听起来很像一个指向;
2. RxJS - 观察者和订阅者
我的博客，不一样的自我表达
06-02 178
在某些情况下，当您调用取消订阅方法时，您需要在您的可观察对象中运行一些特殊代码：RxJS 让我们在可观察对象声明中使用特殊语法来执行此操作。观察者是价值的消费者。此方法允许您在一个订阅实例中收集更多订阅，之后，您可以一次取消订阅所有订阅。RxJS 中的订阅是一个使用“订阅”方法创建的对象，它有一个主要方法：“取消订阅”；在下一篇文章中，我们将看到 RxJS 的最后一个基础：运算符，稍后，我们可以移动到这个库的功能。在您的代码中没有订阅可观察对象之前，什么都不会发生，但是一旦您创建订阅，魔法就会开始。
RxJS库的.pipe(),.subscribe()
Jq的博客
10-08 9139
angular官方文档RxJS 库 RxJS库官方文档 RxJS库 响应式编程是一种面向数据流和变更传播的异步编程范式（Wikipedia）。RxJS（响应式扩展的 JavaScript 版）是一个使用可观察对象进行响应式编程的库，它让组合异步代码和基于回调的代码变得更简单。 RxJS 提供了一种对 Observable 类型的实现，直到 Observable 成为了 JavaScript 语言的一部分并且浏览器支持它之前，它都是必要的。这个库还提供了一些工具函数，用于创建和使用可观察对象。这些工具函数可用
【Rxjs】Rxjs_观察者模式和发布订阅模式
weixin_33734785的博客
01-09 698
Rxjs_观察者模式和发布订阅模式 设计模式 捡起大学所学的《设计模式》吧 Orz 观察者模式和发布订阅模式特别容易被人们混淆，很多书里面也将这两个概念混为一谈，所以首先要搞清楚这两种模式的区别。 观察者模式 ╭─────────────╮ Fire Event ╭──────────────╮ │ │────...
rxjs: Subject 作为 subscribe的 参数
好好学习，天天向上 ～
11-27 445
const aa = new Subject(); const sub2 = new Subject(); aa.subscribe(sub2); sub2.subscribe((data) => { console.log(data); }); aa.next(1); // sub2的订阅会收到aa.next的1；
RxJava1.x ------ 取消订阅,Subscription
神罗天征
05-17 1490
Rxjava1.x的基本使用我们已经了解了，不是很清楚的同学可以参考我的文章：  Rxjava 1.x初识：http://blog.csdn.net/burn_yourself/article/details/72136285 今天，来讲讲 Rxjava是怎么取消的，其实很简单 Observable.subscribe()方法可以返回一个Subscription的对象,即我们每次订阅
Rxjs入门2-RxJs诞生、Observable[简介、创建、订阅]、调试工具、Observable[执行、清理]、Observer、Subscription[取消多个订阅]
尊哥的博客
05-18 2946
10、RxJs的诞生 Rx最近在各个领域都非常火. 其实Rx是微软在好多年前针对C#写的一个开源类库， 但好多年都不温不火，一直到Netflix针对Java平台做出了RxJava版本后才在开源社区热度飞速蹿升。当然Rx还在其他语言有所实现，如RxAndroid、RxSwift、RxNet等。 官网给出了以下几种用来解决异步事件管理的基本概念： 是不是很懵懂？没关系，下面咱们具体介绍一下...
Redis学习之unsubscribe命令
爱喝水的qdy的博客
12-15 1056
目录unsubscribe命令语法返回值例子 unsubscribe命令 Redis unsubscribe，命令用于退订给定的一个或多个频道的信息。 语法 unsubscribe channel [channel ...] 返回值 这个命令在不同的客户端中有不同的表现 例子 127.0.0.1:6379> unsubscribe cctv-1 1) "unsubscribe" 2) "c...
当CompositeSubscription遇到了FragmentManager
Pizza_Lawson的专栏
06-03 3203
CompositeSubscription,FragmentManager
掌握RxJS：从实战角度探索Reactive编程
RxJS在此基础上提供了统一的解决方案，特别是对于事件驱动的交互系统，它结合了分发和流程控制的优势，每个Observable都可以订阅，同时支持数据流间的流程组织，直观程度优于Promise但略逊于Generator。 文章还提到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值