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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。