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"  
      */
  • 相关阅读:
    IDE-常用插件
    Go-竞态条件-锁
    Go-发送邮件
    复刻网络Yum源配置为本地Yum源使用
    测试
    九.查找算法
    九.多线程-PDF笔记
    八.设计模式
    八.排序算法:复杂度
    七.注解
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5543751.html
Copyright © 2011-2022 走看看