RxJS: Як би я "вручну" оновив спостережуване?

Я думаю, що я повинен нерозуміти щось фундаментальне, тому що, на мою думку, це повинно бути найосновнішим випадком спостережуваного, але все життя мого я не можу зрозуміти, як це зробити з документів.

В основному, я хочу, щоб це зробити:

// create a dummy observable, which I would update manually
var eventObservable = rx.Observable.create(function(observer){});
var observer = eventObservable.subscribe(
   function(x){
     console.log('next: ' + x);
   }
...
var my_function = function(){
  eventObservable.push('foo'); 
  //'push' adds an event to the datastream, the observer gets it and prints 
  // next: foo
}

Але мені не вдалося знайти такий спосіб push. Я використовую це для обробника кліків, і я знаю, що вони мають Observable.fromEventдля цього, але я намагаюся використовувати його з React, і я скоріше зможу просто оновити потік даних у зворотній зв'язок, замість того, щоб використовувати зовсім інший система обробки подій. Тому я хочу цього:

$( "#target" ).click(function(e) {
  eventObservable.push(e.target.text()); 
});

Найближче до мене було використання observer.onNext('foo'), але це, здається, насправді не працює, і це викликається спостерігачем, що не здається правильним. Спостерігачем має бути те, що реагує на потік даних, не змінюючи його, правда?

Я просто не розумію відносини спостерігач / спостережуваний?

У RX спостерігач і спостережуваний є різними сутностями. Спостерігач підписується на спостережуване. Спостерігаючий випромінює елементи своїх спостерігачів, викликаючи методи спостерігачів. Якщо вам потрібно викликати методи спостереження за межами Observable.create()вашої області, ви можете використовувати Subject, який є проксі-сервером, який виступає одночасно як спостерігач і спостерігається.

Ви можете зробити так:

var eventStream = new Rx.Subject();

var subscription = eventStream.subscribe(
   function (x) {
        console.log('Next: ' + x);
    },
    function (err) {
        console.log('Error: ' + err);
    },
    function () {
        console.log('Completed');
    });

var my_function = function() {
  eventStream.next('foo'); 
}

Ви можете знайти більше інформації про теми тут:

• https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/subjects/subject.md
• http://reactivex.io/documentation/subject.html

Я вважаю Observable.create(), що спостерігач сприймає не парам, а емітер. Тож, якщо ви хочете додати нове значення до свого " Спостережуваного", спробуйте це:

var emitter;
var observable = Rx.Observable.create(e => emitter = e);
var observer = {
  next: function(next) {
    console.log(next);
  },
  error: function(error) {
    console.log(error);
  },
  complete: function() {
    console.log("done");
  }
}
observable.subscribe(observer);
emitter.next('foo');
emitter.next('bar');
emitter.next('baz');
emitter.complete();

//console output
//"foo"
//"bar"
//"baz"
//"done"

Так, Subject полегшує, надаючи спостерігаючим і спостерігачем один і той же об'єкт, але це не точно так само, оскільки Subject дозволяє передплачувати декілька спостерігачів на один і той же обсерваторій, коли спостережна надсилає дані лише останньому підписаному спостерігачеві, тому використовуйте їх свідомо . Ось JsBin, якщо ви хочете повозитися з ним.