首页 > Web开发 > 详细

[RxJS] Use takeUntil instead of manually unsubscribing from Observables

时间:2017-05-29 14:30:08      阅读:393      评论:0      收藏:0      [点我收藏+]

Manually unsubscribing from subscriptions is safe, but tedious and error-prone. This lesson will teach us about the takeUntil operator and its utility to make unsubscribing automatic.

 

const click$ = Rx.Observable.fromEvent(document, click);

const sub = click$.subscribe(function(ev) {
  console.log(ev.clientX);
});

setTimeout(() => {
  sub.unsubscribe();
}, 2000);

In the code we manully unsubscribe.

 

We can use tha helper methods such as takeUntil, take() help to automatically handle subscritpiton.

const click$ = Rx.Observable
  .fromEvent(document, click);

const four$ = Rx.Observable.interval(4000).take(1);

/*
click$          --c------c---c-c-----c---c---c-
four$           -----------------0|
clickUntilFour$ --c------c---c-c-|
*/

const clickUntilFour$ = click$.takeUntil(four$);

clickUntilFour$.subscribe(function (ev) {
  console.log(ev.clientX);
});

 

[RxJS] Use takeUntil instead of manually unsubscribing from Observables

原文:http://www.cnblogs.com/Answer1215/p/6917947.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!