小满nestjs（第十五章 nestjs 和 RxJs）

为什么要介绍RxJs 应为在 Nestjs 已经内置了 RxJs 无需安装并且Nestjs 也会有一些基于Rxjs提供的API

Rxjs 中文文档Observable | RxJS 中文文档

概念

RxJs 使用的是观察者模式，用来编写异步队列和事件处理。

Observable 可观察的物件

Subscription 监听Observable

Operators 纯函数可以处理管道的数据如 map filter concat reduce 等

案例

类似于迭代器 next 发出通知 complete通知完成

subscribe 订阅 observable 发出的通知也就是一个观察者

import { Observable } from "rxjs";//类似于迭代器 next 发出通知  complete通知完成
const observable = new Observable(subscriber=>{subscriber.next(1)subscriber.next(2)subscriber.next(3)setTimeout(()=>{subscriber.next(4)subscriber.complete()},1000)
})observable.subscribe({next:(value)=>{console.log(value)}
})

案例2

interval 五百毫秒执行一次 pipe 就是管道的意思管道里面也是可以去掉接口的支持处理异步数据去处理数据这儿展示了 map 和 filter 跟数组的方法是一样的最后通过观察者 subscribe 接受回调

import { Observable, interval, take } from "rxjs";
import { map, filter,reduce,find,findIndex } from 'rxjs/operators'const subs = interval(500).pipe(map(v => ({ num: v })), filter(v => (v.num % 2 == 0))).subscribe((e) => {console.log(e)if (e.num == 10) {subs.unsubscribe()}
})

案例3

Rxjs 也可以处理事件不过我们在Nestjs 里面就不用操作DOM 了你如果Angular 或则 Vue 框架看可以使用 fromEvent

import { Observable, interval, take,of,retry,fromEvent } from "rxjs";
import { map, filter,reduce,find,findIndex } from 'rxjs/operators'const dom = fromEvent(document,'click').pipe(map(e=>e.target))
dom.subscribe((e)=>{})

小满nestjs（第十五章 nestjs 和 RxJs）相关推荐

java十五章_java：第十五章
第十五章字符串1.字符串(String)的定义 String str="内容"; String str=new String(); //内容为null String str=ne ...
Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第十五章：第一人称摄像机和动态索引...
Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第十五章:第一人称摄像机和动态索引原文:Introduction to 3 ...
Gradle 1.12用户指南翻译——第三十五章. Sonar 插件
本文由CSDN博客万一博主翻译,其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Githu ...
Visual C++ 2008入门经典第十五章在窗口中绘图
/*第十五章在窗口中绘图主要内容: 1 Windows为窗口绘图提供的坐标系统 2 设置环境及其必要性 3 程序如何以及在窗口中绘图 4 如何定义鼠标消息的处理程序 5 如何定义自己的形状类 6 ...
第十五章 shell正则表达式
第十五章 shell正则表达式见图片 Shell正则表达式正则表达式的分类基本的正则表达式(Basic Regular Expression 又叫Basic RegEx 简称BREs) 扩展的正 ...
第二十五章补充内容 3 assert()宏
//第二十五章补充内容 3 assert()宏 //有的编译器还提供了assert()宏,这个宏在许多书中被翻译为断言,它的作用是当assert()的参数为真时,返回真,假如参数值为假,那么它将执行某 ...
《Erlang程序设计》第十五章 ETS和DETS:大数据的存储机制
第十五章 ETS和DETS:大数据的存储机制 Table of Contents 第十五章 ETS和DETS:大数据的存储机制 15.1 表的基本操作创建和打开表插入表查找元组释放表 15.2 ...
第十五章异常检测-机器学习老师板书-斯坦福吴恩达教授
第十五章异常检测 15.1 问题动机 15.2 高斯分布 15.3 算法 15.4 完善和评估一个异常检测系统 15.5 异常检测 vs 监督学习 15.6 选择使用的特征 15.7 多元高斯分布 ...
25 linux ndk 头文件_正点原子Linux第二十五章RTC实时时钟实验
1)资料下载:点击资料即可下载 2)对正点原子Linux感兴趣的同学可以加群讨论:935446741 3)关注正点原子公众号,获取最新资料更新第二十五章RTC实时时钟实验实时时钟是很常用的一个外设 ...

小满nestjs（第十五章 nestjs 和 RxJs）

概念

案例

小满nestjs（第十五章 nestjs 和 RxJs）相关推荐

最新文章

热门文章