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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。