Rxjs原理解析

 Rxjs提供了响应式编程的机制,其处理数据流和事件是非常擅长的。其工作的原理是基于发布/订阅模式的。下面我们以示例来看其工作的机制。
1、首先我们用create方法创建一个Observable:

const observable1 = Rx.Observable.create((observer) => {
    //调用next实际上是在执行subscribe方法传递的next方法。
  observer.next('test1');
});

 其参数为一个方法,observer是一个对象,结构为:
  {
   next: (data) => {},
   error: (error) => {},
   complete: () => {},
  }
 其中next,error,complete是我们在调用subscribe时传递的,接下来会介绍。
 当create方法执行后,其实是将这个方法参数保存在内部属性_subscribe中。

 2、接下来我们调用subscribe方法,

observable1.subscribe(data => console.log(data));

  该方法同样也可以传递一个object,或者三个方法,分别为next、complete和error。
  当该方法被调用时,就会执行保存在_subscribe中的方法并将这三个回调方法作为参数。_subscribe也就是在调用create时传递的参数。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值