老杨头的博客

RxJS 是Reactive Extensions For JavaScript的简写，它是一个强大的 JavaScript Reactive 编程库。Reactive 是指响应式编程（Reactive Programming）。中文官方介绍文档：概览 | RxJS 中文文档1、什么是响应式编程（Reactive Programming）任何异步事件（比如页面鼠标 click 事件），在响应式编程都是异步事件流。不仅仅是 click、hover 这...

1、主要角色对于异步事件流中涉及的各种角色对象，RxJS作了如下定义：Subject ： 主体，即产生数据流的主体 Observable ：可观察对象，可视为数据流 Observer ：观察者，负责接收并处理响应数据流中的数据。观察者是由 Observable 发送的值的消费者。体现在代码中，观察者是一组回调函数的集合，每个回调函数对应一种 Observable 发送的通知类型：next、error和complete。let observer = {...

在RxJS 中 Observables 分为两种：Cold Observables 和 Hot Observables。Cold ObservablesCold Observables 只有被 observers 订阅的时候，才会开始产生值。是单播的，有多少个订阅就会生成多少个订阅实例，每个订阅都是从第一个产生的值开始接收值，所以每个订阅接收到的值都是一样的。Cold Observables 示例：import { Observable } ...

RxJS 中 Subject 是一种特殊类型的 Observable，它允许将值多播给多个观察者，所以 Subject 是多播的，而普通的 Observables 是单播的(每个已订阅的观察者都拥有 Observable 的独立执行)。代码中的定义：exportdeclareclassSubject<T>extendsObservable<T>implementsSubscriptionLike{}...

RxJS提供了很多方法用来创建数据流，以下都是常见的用于创建数据流的方法。1、of 方法使用 of 方法可以创建输出单个值和多值的数据流。输出单个值的示例：import { of, Observable } from 'rxjs'; let ob: Observable<any> = of([1, 2, 3]);ob.subscribe(d => { console.log(d); }); // 输出： // [1,2,3]...

RxJS提供了很多操作符对数据流（Observable）进行操作控制。在【Angular中的RxJS】- 创建数据流一文中介绍了创建数据流的方法，相关操作符这里就不赘述了。本文只介绍常用的针对数据流中的数据和流整体的处理的操作符。1、针对流数据的操作符map 操作符使用 map 操作符 对数据流中每次产生的数据进行处理，map(val: funcion(val: R):R)，代码示例：import{from,Observable}from...