zoukankan      html  css  js  c++  java
  • [RxJS] Transformation operators: debounce and debounceTime

    Debounce and debounceTime operators are similar to delayWhen and delay, with the difference that they may drop some emissions. This lesson teaches you how debounce works and where is it useful, for instance when building a type-ahead UI.

    debounceTime(number): wait for number millionseconds sclience:

    var foo = Rx.Observable.interval(100).take(5);
    
    /*
    --0--1--2--3--4|
      debounceTime(1000) // delay
    ------------------------4|
    */
    
    var result = foo.debounceTime(1000);
    
    result.subscribe(
      function (x) { console.log('next ' + x); },
      function (err) { console.log('error ' + err); },
      function () { console.log('done'); },
    );
    
      /*
    "next 4"
    "done"  
      */
    var foo = Rx.Observable.interval(100).take(5);
    
    /*
    --0--1--2--3--4|
      debounceTime(50) // delay
    ----0--1--2--3--4|
    */
    
    var result = foo.debounceTime(50);
    
    result.subscribe(
      function (x) { console.log('next ' + x); },
      function (err) { console.log('error ' + err); },
      function () { console.log('done'); },
    );
    
      /*
    "next 0"
    "next 1"
    "next 2"
    "next 3"
    "next 4"
    "done" 
      */

    debounce( () => Observable): 

    var foo = Rx.Observable.interval(100).take(5);
    
    /*
    --0--1--2--3--4|
      debounceTime(1000) // delay
    ------------------------4|
    */
    
    var result = foo.debounce(() =>
      Rx.Observable.interval(1000).take(1)
    );
    
    result.subscribe(
      function (x) { console.log('next ' + x); },
      function (err) { console.log('error ' + err); },
      function () { console.log('done'); },
    );
    
      /*
    "next 4"
    "done"  
      */
  • 相关阅读:
    BZOJ 3189. [Coci2011]Slika
    BZOJ3188. [Coci 2011]Upit
    P4304 [TJOI2013]攻击装置
    P3966 [TJOI2013]单词
    P3964 [TJOI2013]松鼠聚会
    BZOJ 3157: 国王奇遇记
    设计模式--策略模式
    SSM整合步骤
    Mybatis笔记二
    Java调用WebService之Axis实现
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5543751.html
Copyright © 2011-2022 走看看