La función _.debounce() en Underscore.js se usa para crear una función antirrebote que se usa para retrasar la ejecución de la función dada hasta después de que haya pasado el tiempo de espera dado en milisegundos desde la última vez que se llamó a esta función. La función antirrebote tiene un método de cancelación que se puede usar para cancelar las llamadas de función que están retrasadas y un método de vaciado que se usa para llamar inmediatamente a la función retrasada.
Sintaxis:
_.debounce( function, wait, immediate )
Parámetro: Esta función acepta tres parámetros como se mencionó anteriormente y se describe a continuación:
- function: Es la función que se tiene que desrebotar.
- wait: Es el número de milisegundos que se van a retrasar las llamadas. Es un parámetro opcional. El valor predeterminado es 0.
- inmediato: es el valor booleano que especifica que la función de rebote se llamará al comienzo de la secuencia en lugar del final. Es un parámetro opcional.
Valor devuelto: este método devuelve la nueva función rebotada.
El siguiente ejemplo ilustra la función _.debounce() en Underscore.js.
Ejemplo 1:
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">
var debounce_fn =
_.debounce(debounceHandler, 2000, false);
function debounceHandler() {
console.log('Hello Geeks!')
}
</script>
</body>
</html>
Producción:
Ejemplo 2:
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">
var debounce_fn =
_.debounce(debounceHandler, 2000, true);
function debounceHandler() {
console.log('Hello Geeks Immediately!')
}
</script>
</body>
</html>
Producción:
Referencia: https://underscorejs.org/#debounce
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA