RxJS: Làm thế nào để tôi có thể cập nhật thủ công một cách quan sát?

Tôi nghĩ rằng tôi phải hiểu sai một cái gì đó cơ bản, bởi vì trong suy nghĩ của tôi đây là trường hợp cơ bản nhất cho một người có thể quan sát được, nhưng đối với cuộc sống của tôi, tôi không thể tìm ra cách làm nó từ các tài liệu.

Về cơ bản, tôi muốn có thể làm điều này:

// 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
}

Nhưng tôi đã không thể tìm thấy một phương pháp như thế nào push. Tôi đang sử dụng công cụ này cho trình xử lý nhấp chuột và tôi biết họ có Observable.fromEventđiều đó, nhưng tôi đang cố gắng sử dụng nó với React và tôi chỉ có thể cập nhật kho dữ liệu trong một cuộc gọi lại, thay vì sử dụng hoàn toàn khác hệ thống xử lý sự kiện. Vì vậy, về cơ bản tôi muốn điều này:

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

Gần nhất tôi có được sử dụng observer.onNext('foo'), nhưng điều đó dường như không thực sự hoạt động và điều đó được gọi là người quan sát, điều đó dường như không đúng. Người quan sát nên là thứ phản ứng với luồng dữ liệu, không thay đổi nó, phải không?

Tôi chỉ không hiểu mối quan hệ quan sát / quan sát?

Trong RX, Observer và Observable là các thực thể riêng biệt. Một người quan sát đăng ký vào một Đài quan sát. Một chiếc quan sát phát ra các vật phẩm cho người quan sát bằng cách gọi các phương thức của người quan sát. Nếu bạn cần gọi các phương thức quan sát ngoài phạm vi Observable.create()bạn có thể sử dụng Chủ thể, đó là một proxy hoạt động như một người quan sát và có thể quan sát cùng một lúc.

Bạn có thể làm như thế này:

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'); 
}

Bạn có thể tìm thêm thông tin về các môn học ở đây:

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

Tôi tin rằng Observable.create()không lấy một người quan sát làm tham số gọi lại mà là một trình phát. Vì vậy, nếu bạn muốn thêm một giá trị mới vào Observable của mình, hãy thử điều này thay vào đó:

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"

Có Chủ đề giúp dễ dàng hơn, cung cấp Người quan sát và Người quan sát trong cùng một đối tượng, nhưng nó không hoàn toàn giống nhau, vì Chủ đề cho phép bạn đăng ký nhiều người quan sát đến cùng một quan sát khi một người quan sát chỉ gửi dữ liệu đến người quan sát được đăng ký cuối cùng, vì vậy hãy sử dụng nó một cách có ý thức . Đây là một JsBin nếu bạn muốn sửa đổi nó.