问一个关于 RxJS 的技术问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2036 days ago, the information mentioned may be changed or developed.

现在有一个需求，封装的 class A 内包含了一个 private member B，B 有一个开放的 observable C，A 能够访问到 C 。

现在需要通过 A 将 C 封装起来给外界的使用者形成一个新的 API （命名为 source$）。

需要注意的是，由于一个 A 的生命周期中 B 可能会变化，因此不能直接把 C 暴露给用户（即 source$ = C，否则当用户 source$.subscribe(cb) 后，如果 B 变化导致 C 变化，这个 subscription 实际上会失效）。

目前我的方案是：

class A {
	
    private B: TypeOfB;
    private subscriptionToC: Subscription;
    public source$: Subject<DataType>;
    
    
    onBChange(newB: TypeOfB) {
    	this.subscriptionToC.unsubscribe();
        this.subscriptionToC = newB.C.subscribe(
        	source$.next
        );
    }
}

这样当然能够解决问题，但是感觉很脏，因为引入了一个多余的 subscription，需要在 A 的生命周期内进行额外的管理操作，并且需要手动地关注 B 什么时候会发生变化。

由于不精通 RxJS，不知道能不能通过什么 operator 实现这个目标，希望大家帮忙解答～

source

private

rxjs

4 replies • 2020-10-10 21:52:46 +08:00

gdtdpt

Oct 10, 2020

我感觉应该是你需要一个 Observable<B>然后再由 B -> flatMap 到 C，这样 B 改变后流也会执行当前 B 中的 C 。RxJS 好久不用了，可能不太对。

cuzfinal

Oct 10, 2020

把 C 设置成一个 BehaviorSubject，然后在 A 的内部处理 B 的 subscribe 和 unsubscribe，每次接收到新的数据时直接 c.next(data)，C 一直不变，这样就能直接把 C 暴露给用户了。

faceRollingKB

Oct 10, 2020

因为你的 B 也是动态改变的，所以不手动 unsubscribe+ subscribe 的方案需要你把 B 转化为 observable B$，然后从外部订阅 B$.pipe(switchMap(B => B.C))才行，当然只是想法我没试过

akatquas

Oct 10, 2020

https://rxjs-dev.firebaseapp.com/api/index/class/Subject#asObservable

Observable 存在这个 API 来同源创建一个新的 observable，值得一试