underscore.js _.debounce()用法及代碼示例

Underscore.js _.debounce() 函數在 Underscore.js 中用於創建一個去抖函數，該函數用於延遲給定函數的執行，直到自上次調用該函數以來經過給定的等待時間(以毫秒為單位)之後。去抖函數有一個取消方法可用於取消延遲的函數調用和衝水方法用於立即調用延遲函數。

用法:

_.debounce( function, wait, immediate );

參數：

function:這是必須去抖的函數。
wait:這是調用要延遲的毫秒數。它是一個可選參數。默認值為 0。
immediate:它是一個布爾值，指定在序列的開頭而不是末尾調用去抖動函數。它是一個可選參數。

返回值：

此方法返回新的去抖函數。

示例 1：該示例說明了 _.debounce() 函數是 Underscore.js。

HTML


<html>
    
<head>
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
</head>
    
<body>
    <h1 style="color: green">GeeksforGeeks</h1>
    <h3>Underscore _.debounce() Function</h3>
    <button onclick="debounce_fn()">
        Click to debounce function
    </button>
     
    <script type="text/javascript">
         let debounce_fn = 
           _.debounce(debounceHandler, 2000, false);
          
         function debounceHandler() {
            console.log('Hello Geeks!')
         }
    </script>
</body>
    
</html>

輸出：

示例 2：該示例說明了 _.debounce() 函數是 Underscore.js。

HTML


<html>
    
<head>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
</head>
    
<body>
    <h1 style="color: green">GeeksforGeeks</h1>
    <h3>Underscore _.debounce() Function</h3>
    <button onclick="debounce_fn()">
        Click to debounce function
    </button>
     
    <script type="text/javascript">
         let debounce_fn = 
           _.debounce(debounceHandler, 2000, true);
          
         function debounceHandler() {
            console.log('Hello Geeks Immediately!')
         }
    </script>
</body>
    
</html>

輸出：

參考： https://underscorejs.org/#debounce

相關用法

注：本文由純淨天空篩選整理自skyridetim大神的英文原創作品 Underscore.js _.debounce() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。