Saturday, October 18, 2025
HomeLanguagesJavascriptUnderscore.js _.debounce() Function

Underscore.js _.debounce() Function

The _.debounce() Function in Underscore.js is used to create a debounced function that is used to delay the execution of the given function until after the given wait time in milliseconds have passed since the last time this function was called. The debounced function has a cancel method that can be used to cancel the function calls that are delayed and a flush method which is used to immediately call the delayed function.

Syntax:

_.debounce( function, wait, immediate )

Parameter: This function accepts three parameters as mentioned above and described below:

  • function: It is the function that has to be debounced.
  • wait: It is the number of milliseconds for which the calls are to be delayed. It is an optional parameter. The default value is 0.
  • immediate: It is the boolean which specifies that the debounced function would be called at the beginning of the sequence instead of the end. It is an optional parameter.

Return Value: This method returns the new debounced function.

The example below illustrates the  _.debounce() function is Underscore.js.

Example 1:

HTML




<html>
     
<head>
    <script src= 
    </script>
</head>
     
<body>
    <h1 style="color: green">neveropen</h1>
    <h3>Underscore _.debounce() Function</h3>
    <button onclick="debounce_fn()">
        Click to debounce function
    </button>
      
    <script type="text/javascript">
         var debounce_fn = 
           _.debounce(debounceHandler, 2000, false);
           
         function debounceHandler() {
            console.log('Hello Geeks!')
         }
    </script>
</body>
     
</html>


Output:

Example 2:

HTML




<html>
     
<head>
    <script src=
    </script>
</head>
     
<body>
    <h1 style="color: green">neveropen</h1>
    <h3>Underscore _.debounce() Function</h3>
    <button onclick="debounce_fn()">
        Click to debounce function
    </button>
      
    <script type="text/javascript">
         var debounce_fn = 
           _.debounce(debounceHandler, 2000, true);
           
         function debounceHandler() {
            console.log('Hello Geeks Immediately!')
         }
    </script>
</body>
     
</html>


Output:

Reference: https://underscorejs.org/#debounce

RELATED ARTICLES

Most Popular

Dominic
32361 POSTS0 COMMENTS
Milvus
88 POSTS0 COMMENTS
Nango Kala
6728 POSTS0 COMMENTS
Nicole Veronica
11892 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11954 POSTS0 COMMENTS
Shaida Kate Naidoo
6852 POSTS0 COMMENTS
Ted Musemwa
7113 POSTS0 COMMENTS
Thapelo Manthata
6805 POSTS0 COMMENTS
Umr Jansen
6801 POSTS0 COMMENTS