问一个关于 RxJS 的技术问题

2020-10-10 11:22:54 +08:00
 vsomeone

现在有一个需求,封装的 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 实现这个目标,希望大家帮忙解答~

1856 次点击
所在节点    JavaScript
4 条回复
gdtdpt
2020-10-10 11:40:04 +08:00
我感觉应该是你需要一个 Observable<B>然后再由 B -> flatMap 到 C,这样 B 改变后流也会执行当前 B 中的 C 。RxJS 好久不用了,可能不太对。
cuzfinal
2020-10-10 14:57:04 +08:00
把 C 设置成一个 BehaviorSubject,然后在 A 的内部处理 B 的 subscribe 和 unsubscribe,每次接收到新的数据时直接 c.next(data),C 一直不变,这样就能直接把 C 暴露给用户了。
faceRollingKB
2020-10-10 16:22:31 +08:00
因为你的 B 也是动态改变的,所以不手动 unsubscribe+ subscribe 的方案需要你把 B 转化为 observable B$,然后从外部订阅 B$.pipe(switchMap(B => B.C))才行,当然只是想法我没试过
akatquas
2020-10-10 21:52:46 +08:00
https://rxjs-dev.firebaseapp.com/api/index/class/Subject#asObservable

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/713578

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX