V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
vsomeone
V2EX  ›  JavaScript

问一个关于 RxJS 的技术问题

  •  
  •   vsomeone · 2020-10-10 11:22:54 +08:00 · 1840 次点击
    这是一个创建于 1284 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    Observable 存在这个 API 来同源创建一个新的 observable,值得一试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1341 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 23:34 · PVG 07:34 · LAX 16:34 · JFK 19:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.