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

最新推荐文章于 2023-06-25 10:57:58 发布
最新推荐文章于 2023-06-25 10:57:58 发布
阅读量1.7k 收藏 5
点赞数 1
分类专栏： 前端相关知识 文章标签： rx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42910765/article/details/120704504
版权

从此用 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元/天 解锁文章
折桂怀橘
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular Rxjs异步获取数据，异步unsubscribe取消订阅，异步多次执行
qq_39962271的博客
02-18 913
一、异步获取数据 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
rxjs常见操作符_RxJS的5个常见错误
weixin_26750481的博客
09-14 756
rxjs 常见操作符 重点 (Top highlight)As a Consultant, I’ve had the privilege to work with many teams and projects in a relatively short amount of time. 作为顾问，我有幸在相对较短的时间内与许多团队和项目一起工作。 This not only allowed me...
[RxJS] `add` Inner Subscriptions to Outer Subscribers to `unsubscribe` in RxJS
weixin_34248118的博客
09-29 61
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 1153
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 1188
通常情况下，使用subject时会出现next出的数据subscribe后被反复调用，如： test(){ this.closeSubject.sunscribe((res:any)=>{ // 代码逻辑 console.log("111") }) } 这种反复调用放任不管的情况下可能会导致内存泄露，解决该问题的方式也很简单，将subject取消订阅(unsubscribe)即可，单如下这种方式会导致报错 test(){ this.
8号.SUBSCRIBE(订阅请求报文）
qq_52102317的博客
04-16 206
以订阅主题：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速成课程：RxJS速成课程
02-17
3. **Subscription**: 订阅 Observable 的过程，可以通过调用 `subscribe` 方法启动，同时可以使用 `unsubscribe` 停止数据流。 **核心操作符** 1. **map**: 对Observable中的每个值应用一个函数，转换后的新值将被...
深入理解Angular4订阅(Subscribe)与取消
11-28
在实际开发中，我们还可以使用`takeUntil`或者`takeWhile`等RxJS操作符来帮助管理订阅的生命周期，或者使用`ngOnDestroy`来统一处理所有订阅的取消。使用这些策略可以更有效地控制资源，防止内存泄漏，并保持代码的...
pubsub:订阅和发布
05-18
在这个实现中，`PubSub`对象作为事件总线，`subscribe`方法用于订阅事件，`publish`方法用于发布事件，而`unsubscribe`方法则用于取消订阅。 **实际应用** `pubsub`模式在JavaScript开发中有广泛的应用场景： 1. ...
取消订阅RxJs Observable 的方案
最新发布
材女的进击
06-25 328
我们使用|async管道订阅Observable，每次Observable流推入新值时，我们用{{ }}计算(执行)组件的updateTitle()方法，而不是显示任何内容。作为一个额外的好处，使用NgRx Effects意味着我们正在使用更加良好的理念处理副作用，这使体系结构更清洁，促进可维护性，并且更容易测试。注意，我们使用了Observable的.pipe()方法来添加操作符，在我们的例子里是将takeUntil添加到Observable链中？外面发生的事情，或者说“在一边”，听起来很像一个指向;
2. RxJS - 观察者和订阅者
我的博客，不一样的自我表达
06-02 141
在某些情况下，当您调用取消订阅方法时，您需要在您的可观察对象中运行一些特殊代码：RxJS 让我们在可观察对象声明中使用特殊语法来执行此操作。观察者是价值的消费者。此方法允许您在一个订阅实例中收集更多订阅，之后，您可以一次取消订阅所有订阅。RxJS 中的订阅是一个使用“订阅”方法创建的对象，它有一个主要方法：“取消订阅”；在下一篇文章中，我们将看到 RxJS 的最后一个基础：运算符，稍后，我们可以移动到这个库的功能。在您的代码中没有订阅可观察对象之前，什么都不会发生，但是一旦您创建订阅，魔法就会开始。
RxJS库的.pipe(),.subscribe()
Jq的博客
10-08 8706
angular官方文档RxJS 库 RxJS库官方文档 RxJS库 响应式编程是一种面向数据流和变更传播的异步编程范式（Wikipedia）。RxJS（响应式扩展的 JavaScript 版）是一个使用可观察对象进行响应式编程的库，它让组合异步代码和基于回调的代码变得更简单。 RxJS 提供了一种对 Observable 类型的实现，直到 Observable 成为了 JavaScript 语言的一部分并且浏览器支持它之前，它都是必要的。这个库还提供了一些工具函数，用于创建和使用可观察对象。这些工具函数可用
【Rxjs】Rxjs_观察者模式和发布订阅模式
weixin_33734785的博客
01-09 690
Rxjs_观察者模式和发布订阅模式 设计模式 捡起大学所学的《设计模式》吧 Orz 观察者模式和发布订阅模式特别容易被人们混淆，很多书里面也将这两个概念混为一谈，所以首先要搞清楚这两种模式的区别。 观察者模式 ╭─────────────╮ Fire Event ╭──────────────╮ │ │────...
rxjs: Subject 作为 subscribe的 参数
好好学习，天天向上 ～
11-27 436
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 1475
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 2919
10、RxJs的诞生 Rx最近在各个领域都非常火. 其实Rx是微软在好多年前针对C#写的一个开源类库， 但好多年都不温不火，一直到Netflix针对Java平台做出了RxJava版本后才在开源社区热度飞速蹿升。当然Rx还在其他语言有所实现，如RxAndroid、RxSwift、RxNet等。 官网给出了以下几种用来解决异步事件管理的基本概念： 是不是很懵懂？没关系，下面咱们具体介绍一下...
Redis学习之unsubscribe命令
爱喝水的qdy的博客
12-15 1032
目录unsubscribe命令语法返回值例子 unsubscribe命令 Redis unsubscribe，命令用于退订给定的一个或多个频道的信息。 语法 unsubscribe channel [channel ...] 返回值 这个命令在不同的客户端中有不同的表现 例子 127.0.0.1:6379> unsubscribe cctv-1 1) "unsubscribe" 2) "c...
全面掌握RxJS：详尽学习资料与实例详解
RxJS（Reactive Extensions for JavaScript）是一个强大的库，用于构建可观察序列（Observable）和操作这些序列的应用程序，特别是在异步编程和事件驱动的系统中。这份学习资料大全提供了全面且最新的PDF文档，旨在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值