Javascript 从RxJS Observables取消订阅

我有这两个对象，我想停止听他们的事件。我对observables和RxJS完全陌生，只是尝试使用这个库

以下是RxJS API供参考：

我怎样才能取消订阅这些类型的观测

可连接可观察：

   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 {
  source: 
   RefCountObservable {
     source: 
      ConnectableObservable {
        source: [Object],
        _connection: [Object],
        _source: [Object],
        _subject: [Object] },
     _count: 1,
     _connectableSubscription: ConnectDisposable { _p: [Object], _s: [Object] } },
  predicate: [Function] }

过滤器可观察：

   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 {
  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调用。

如果你想取消订阅，你需要有对象。这是每次调用

Observable.subscribe（）

时返回的对象。例如：

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

---

有关更多信息，请参见：

我支持第一位评论者的发言。 但是，它觉得在代码的某个地方需要这样的调用：

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

你能做到的

subscription.unsubscribe()

开。否则你怎么知道什么时候发生了什么，或者这是第三方库的一部分

---

阅读更多关于Rxjs的信息。我建议你看看这本免费的书，

没有必要也没有协议取消订阅一个可观察的网站。事实上，我看到了你问题中的代码，特别是返回对象的一部分，其中包含了一组由share组成的可观察对象。然而，这些可观察的仍然是可观察的，而不是订阅，这意味着对于这些元素，没有所谓的

取消订阅

的概念

因此，如果您在模块外有一些新的类似于subscribe的代码，并且能够准确地处理可观察到的事件，那么您显然可以取消订阅特定的订阅实例

目前，对于问题中的代码，源可观察对象上使用的方法都是运算符，例如

.filter（）

.share（）

.takeUntil（），而不是订阅执行，这些方法实际上返回新的可观察对象

如Rxjs官方文档所述，尽管

.share（）

创建了， 如果在使用一些方便的运算符时，订阅服务器的数量从

1

减少到

0

，则执行仍有可能停止，其中代码中的

.share（）

也正好包含在内

---

总之，在您的问题中，不必担心取消订阅代码的事件。潜在的问题是，如果您使用

.connect（）

而不是

.share（）

，那么实际上还有一个问题，听起来像您问题中描述的问题。这是一种需要考虑手动取消事件绑定的情况。

是的，您能告诉我上述代码中是否有内部调用吗？很明显，我正在使用的代码有效地订阅了可观察事件，我只是在代码中没有看到任何显式的subscribe（）调用…例如，它看起来像rx.observable.fromEvent（）正在做这项工作，但我不知道如何停止它！这有点帮助=>我认为要得到一个被接受的答案，你必须帮助我撤销takeUntil调用：）死链接。。。。。。。