如何将RxJS5运算符链接到新运算符？

Question

根据操作员创建指南 ，我试图将一些我以前使用过的操作员链接到另一个操作员，但是没有成功。

function mySimpleOperator(actionName, iterable$, functionThatReturnAnObservable) {
   return Observable.create(subscriber => {
     var source = this;
     var subscription = source
       .interval(500)
       .skipUntil(iterable$.filter(({ action }) => action.type === actionName))
       .take(1)
       .flatMap(functionThatReturnAnObservable)
       .subscribe(value => {
         try {
           subscriber.next(value);
         } catch(err) {
           subscriber.error(err);
         }
     }, 
     err => subscriber.error(err),
     () => subscriber.complete());

     return subscription;
   });
}

Observable.prototype.mySimpleOperator = mySimpleOperator;

此函数只是开始一个时间间隔，并且将跳过该操作，直到发出actionName为止。

但是当我尝试使用运算符时

Observable.mySimpleOperator('APP_READY', source$, () => Observable.of({ type: 'DONE' })

抛出错误

Observable.mySimpleOperator is not a function

但是，如果我在新的运算符之外进行间隔调用，它将起作用吗？

Observable.interval(500).mySimpleOperatorWithoutIntervall('APP_READY', source$, () => Observable.of({ type: 'DONE' })

有什么解决办法吗？ :)

Answer 1

您尚未将运算符添加到将其添加到Observable.prototype对象的对象中。 这意味着它将仅作为实例方法显示在现有Observables 。 您需要将其作为Observable.mySimpleOperator添加到Observable.mySimpleOperator 。

在内部，您需要将source.interval(500)更改为Observable.interval(500) ，这是静态方法。