[RxJS] Creation operator: create()

最新推荐文章于 2022-11-01 23:29:54 发布

转载最新推荐文章于 2022-11-01 23:29:54 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/5401422.html

本文详细介绍了RxJS中Observable的创建方法，通过示例代码解释了如何使用create()函数及new Rx.Observable()来实例化Observable对象，并展示了这些方法的具体工作原理。

We have been using Observable.create() a lot in previous lessons, so let's take a closer look how does it work.

The create function:

var foo = Rx.Observable.create( function(observer){
  observer.next(42);
  observer.next(100);
  observer.next(200);
  observer.complete();
})  ;

foo.subscribe( 
  (x)=>{console.log('next ' + x);},
  (err)=>{console.log('err ' + err);},
  ()=>{console.log('done');},
)

In deep, create() function equal to new Rx.Observable():

var foo = new Rx.Observable( function(observer){
  observer.next(42);
  observer.next(100);
  observer.next(200);
  observer.complete();
})  ;

And this also equal to:

function subscribe(observer){
  observer.next(42);
  observer.next(100);
  observer.next(200);
  observer.complete();
}
  
var foo = new Rx.Observable( subscribe );

So, if we get rid of RxJS, then we can create the create() function like:

function subscribe(observer){
  observer.next(42);
  observer.next(100);
  observer.next(200);
  observer.complete();
}

var observer = {
  next: (x)=>{console.log('next ' + x);},
  error: (err)=>{console.log('err ' + err);},
  complete: ()=>{console.log('done');}
}


subscribe(observer);

Of course, it's useful to have the observable type because then it has all those nice operators that we saw and that we are also seeing new operators coming next. If you paid attention, then you're going to remember that in the subscribe, we had previously three functions here as argument. Instead of an object, as we have now, we had just these three functions.

Also, the observable type, it converts these three functions into an observer object. Before it calls this, it will actually take these three functions and put labels in front of them like that, to create the observer object. It's normalizing it.

转载于:https://www.cnblogs.com/Answer1215/p/5401422.html