1.0 rxjs 概要

147 阅读1分钟

大纲规划

Chapter 1— Fundamentals

基础篇,介绍Rxjs众多概念及常用Api(operators),理论+范例,虽然是基础但也是核心

Chapter 2 — Advanced

进阶篇,介绍Rxjs几个高级概念与方法理论+范例+应用场景

实践前置知识

  • Typescript 4.x

  • React 17+

关于Rxjs版本的说明

最新稳定本是6.x,7版本还在beta阶段,所以采用的是6.x的最新版本

6.x 与5.x的区别

​ 对原来的package进行了重组, imports的改变


// v5+

import {Observable} from 'rxjs/Observalbe'

// v6+

import {Observable} from 'rxjs'

// v5+

import 'rxjs/add/operator/map'

// v6+

import {map} from 'rxjs/operators'

// v5+

import 'rxjs/add/observable/fromPromise'

// v6+

import {fromPromise} from 'rxjs'

使用pipe连接operator操作符,旧的链接方式将不可用


// v5+

import 'rxjs/add/operator/map'

import 'rxjs/add/operator/throttle'

myObservable

.map(...)

.throttle(...)

.subscribe(...);

// v6+

import { map, throttle } from 'rxjs/operators';

myObservable

.pipe(map(...),throttle(...))

.subscribe(...);

重命名的Operators


do() => tap()

catch() => catchError()

switch() => switchAll()

finally() => finalize()

throw() => throwError()

....

移除了setImmediate,Set,Map等polyfill,使bundle 体积更小

现在7已经发布了,后面会用Rx7,7的区别后面会补充....

ChangeLog