zoukankan      html  css  js  c++  java
  • [RxJS] AsyncSubject

    AsyncSubject emit the last value of a sequence only if the sequence completed. This value is then cached forever, and any other Observer that subscribes after the value has been emmitted will receive it right away.

    AsyncSubject is convenient for asynchronous operations that return a single value, such as Ajax requests.

    var subject = new Rx.AsyncSubject();
    var delayedRange = Rx.Observable.range(0,5).delay(1000);
    
    delayedRange.subscribe(subject);
    
    //----[0,1,2,3,4]|
    //  AsyncSubject
    //----4|
    
    subject.subscribe(
      function onNext(item) { console.log('Value:', item); },
      function onError(err) { console.log('Error:', err); },
      function onCompleted() { console.log('Completed.'); }
    )
    
    /*
    "Value:"
    4
    "Completed."
    */

    A more useful example:

    function getProducts(url){
      var subject;
      
      return Rx.Observable.create(function(observer){
        //If first time, then create AsyncSubject
        if(!subject){
          subject = new Rx.AsyncSubject();
          //Subscribe to subject
          Rx.DOM.get(url).subscribe(subject);
        }
        //If subject already exists, then just subscribe observer
        return subject.subscribe(observer);
      })
    }
    
    var products = getProducts('/products');
    
    // Will trigger request and receive the response when read
    products.subscribe(
      function onNext(result) {console.log('Result 1: ', result.response)},
      function onError(error) {console.log('ERROR', error)}
    );
    
    // Will receive the result immediately because it is cached
    setTimeout(function(){
      products.subscribe(
        function onNext(result) {console.log('Result 2: ', result.response)},
        function onError(error) {console.log('ERROR', error)}
      )
    }, 5000)
  • 相关阅读:
    MySQL性能优化的最佳经验
    18个网站SEO建议
    sql之left join、right join、inner join的区别
    PHP与MYSQL事务处理
    Firefox上Web开发工具库一览
    SphinxSE的安装
    python XML
    python yaml
    C语言文本处理
    Linux strace命令
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5778453.html
Copyright © 2011-2022 走看看