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)
  • 相关阅读:
    date日期格式化
    表单解析模块formidable
    express-session模块
    密码加密模块bcrypt
    后端数据验证模块Joi
    mongoose-sex-page分页模块
    决策树算法及应用
    朴素贝叶斯分类
    实验二 K-邻近
    实验一 感知器及其应用
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5778453.html
Copyright © 2011-2022 走看看