技术解析

问一个关于 RxJS 的技术问题
0
2021-08-12 11:55:54
idczone

现在有一个需求,封装的 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;
    
    
    onBChange(newB: TypeOfB) {
    	this.subscriptionToC.unsubscribe();
        this.subscriptionToC = newB.C.subscribe(
        	source$.next
        );
    }
}

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

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


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

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

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

https://rxjs-dev.firebaseapp.com/api/index/class/Subject存在这个 API 来同源创建一个新的 observable,值得一试

数据地带为您的网站提供全球顶级IDC资源