当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


underscore.js _.throttle()用法及代码示例


_.throttle()方法下划线用于创建一个限制函数,该函数每等待毫秒最多只能调用一次 func 参数。受限制的函数有一个取消方法,用于取消延迟的函数调用,它还有一个刷新方法,用于立即调用延迟的函数。此外,它还提供了一些选项,用于暗示是否应在等待超时的前缘和/或后缘调用所声明的 func。
用法:

_.throttle(function, wait, [options])

参数:该方法接受如上所述和如下所述的三个参数。

  • function: 这是要限制的函数。
  • wait: 它是调用被限制的毫秒数。
  • options: 它是选项对象。
    • 选项.领先:它定义了超时前沿的调用。
    • 选项.尾随:它定义了超时后沿的调用。

返回值:此方法返回新的限制函数。

示例 1:

HTML


<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;"> 
            Geeksforgeeks 
        </h1> 
          
        <b>Underscore.js _.throttle() Method</b> 
    </center> 
  
    <script type="text/javascript"> 
          
        // Calling throttle() method with its parameter 
        var gfg = _.throttle(function () { 
            console.log('Function throttled after 1000ms!'); 
        }, 1000); 
  
        gfg(); 
    </script> 
</body> 
  
</html>

输出:

Underscore _.throttle() Function

示例 2:

HTML


<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;"> 
            Geeksforgeeks 
        </h1> 
          
        <b>Underscore.js _.throttle() Method</b> 
    </center> 
  
    <script type="text/javascript"> 
      
        // Calling throttle() method with its parameter 
        var throt_fun = _.throttle(function () { 
            console.log('Function throttled after 1000ms!'); 
        }, 1000); 
  
        // Defining loop 
        var loop = function () { 
            setTimeout(loop, 5) 
            throt_fun(); 
        }; 
  
        // Calling loop to start 
        loop(); 
    </script> 
</body> 
  
</html>

输出:

Underscore _.throttle() Function

参考: https://underscorejs.org/#throttle



相关用法


注:本文由纯净天空筛选整理自skyridetim大神的英文原创作品 Underscore.js _.throttle() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。