取消訂閱RxJS Observables

Question

我有這兩個對象，我想停止聽他們的事件。 我對於observables和RxJS都很陌生，只是嘗試使用Inquirer庫。

以下是RxJS API供參考： http ：//reactivex.io/rxjs/class/es6/Observable.js~Observable.html

如何取消訂閱這些類型的可觀察量？

ConnectableObservable：

   ConnectableObservable {
     source: EventPatternObservable { _add: [Function], _del: [Function], _fn: undefined },
     _connection: ConnectDisposable { _p: [Circular], _s: [Object] },
     _source: AnonymousObservable { source: [Object], __subscribe: [Function: subscribe] },
     _subject: 
      Subject {
        isDisposed: false,
        isStopped: false,
        observers: [Object],
        hasError: false } },
  _count: 1,
  _connectableSubscription: 
   ConnectDisposable {
     _p: 
      ConnectableObservable {
        source: [Object],
        _connection: [Circular],
        _source: [Object],
        _subject: [Object] },
     _s: AutoDetachObserver { isStopped: false, observer: [Object], m: [Object] } } }

FilterObservable：

FilterObservable {
  source: 
   RefCountObservable {
     source: 
      ConnectableObservable {
        source: [Object],
        _connection: [Object],
        _source: [Object],
        _subject: [Object] },
     _count: 1,
     _connectableSubscription: ConnectDisposable { _p: [Object], _s: [Object] } },
  predicate: [Function] }

我需要取消訂閱這些對象：

'use strict';
var rx = require('rx');

function normalizeKeypressEvents(value, key) {
  return {value: value, key: key || {}};
}

module.exports = function (rl) {

  var keypress = rx.Observable.fromEvent(rl.input, 'keypress', normalizeKeypressEvents)
    .filter(function (e) {
      // Ignore `enter` key. On the readline, we only care about the `line` event.
      return e.key.name !== 'enter' && e.key.name !== 'return';
    });

  return {
    line: rx.Observable.fromEvent(rl, 'line'),

    keypress: keypress,

    normalizedLeftKey: keypress.filter(function (e) {
      return e.key.name === 'left';
    }).share(),

    normalizedRightKey: keypress.filter(function (e) {
      return e.key.name === 'right';
    }).share(),

    normalizedUpKey: keypress.filter(function (e) {
      return e.key.name === 'up' || e.key.name === 'k' || (e.key.name === 'p' && e.key.ctrl);
    }).share(),

    normalizedDownKey: keypress.filter(function (e) {
      return e.key.name === 'down' || e.key.name === 'j' || (e.key.name === 'n' && e.key.ctrl);
    }).share(),

    numberKey: keypress.filter(function (e) {
      return e.value && '123456789'.indexOf(e.value) >= 0;
    }).map(function (e) {
      return Number(e.value);
    }).share(),

    spaceKey: keypress.filter(function (e) {
      return e.key && e.key.name === 'space';
    }).share(),

    aKey: keypress.filter(function (e) {
      return e.key && e.key.name === 'a';
    }).share(),

    iKey: keypress.filter(function (e) {
      return e.key && e.key.name === 'i';
    }).share()
  };
};

我目前最好的猜測是沒有明確的訂閱調用發生在這樣：

var source = Rx.Observable.fromEvent(input, 'click');

var subscription = source.subscribe(
  function (x) {
    console.log('Next: Clicked!');
  },
  function (err) {
    console.log('Error: %s', err);
  },
  function () {
    console.log('Completed');
  });

但相反，有這些電話：

events.normalizedUpKey.takeUntil(validation.success).forEach(this.onUpKey.bind(this));
events.normalizedDownKey.takeUntil(validation.success).forEach(this.onDownKey.bind(this));

所以我最好的猜測是我需要一種方法來取消/取消takeUntil調用。

Answer 1

如果要取消訂閱，則需要擁有Subscription對象。 這是從每個Observable.subscribe()調用返回的對象。 例如：

let subscriber = Observable.subscribe(...);
...
subscriber.unsubscribe();

有關詳細信息，請參閱： https ： //github.com/ReactiveX/rxjs/blob/master/doc/subscription.md

Answer 2

我是第一個評論者說的第二個。 但是感覺需要在代碼中的某個地方進行這樣的調用：

let subscription = normalizedUpKey.subscribe( data => console.log('data') );

你能做到的

subscription.unsubscribe()

上。 你怎么知道什么事情發生，或者是第三方圖書館的那部分？

閱讀更多關於Rxjs的信息。 我建議你看看這本免費的書， https：//www.gitbook.com/book/chrisnoring/rxjs-5-ultimate/details

Answer 3

從觀察者中取消訂閱沒有必要也沒有協議。 實際上，我在你的問題中看到了代碼，特別是返回對象的一部分，其中包含了由share組成的一堆可觀察對象。 然而，這些可觀察量仍然是可觀察的，而不是訂閱，這意味着沒有這樣的概念稱為unsubscribing這些元素。

因此，如果您在模塊外部有一些類似於訂閱的新代碼並且正好使用事件可觀察對象，那么您顯然可以取消訂閱特定的訂閱實例。

目前，對於問題中的代碼，source observable上使用的方法都是運算符，例如.filter() .share() .takeUntil() ，而不是訂閱執行，實際上這些方法返回新的observable。

如Rxjs官方文檔中所述，雖然.share()創建了多播observable ，但是當使用一些方便的運算符時，如果訂閱者數量從1減少到0 ，執行仍然可能會停止，其中.share()在你的代碼也完全包含在內。

總之，您無需擔心在您的問題中取消訂閱代碼的事件。 潛在的，確實這聽起來像你的問題中所描述的關注另一個問題：如果你使用.connect()代替.share() 這是關於ConnectableObservable的情況，您需要關注手動取消事件綁定。