El método _.throttle() en guión bajo se usa para crear una función limitada que solo puede llamar al parámetro func como máximo una vez por cada milisegundo de espera. La función limitada tiene un método de cancelación que se usa para cancelar las llamadas de función que están retrasadas y también tiene un método de descarga que se usa para llamar inmediatamente a esa función retrasada. Además, proporciona algunas opciones que se utilizan para implicar si la función establecida debe llamarse en el borde inicial y/o final del tiempo de espera.
Sintaxis:
_.throttle(function, wait, [options])
Parámetros: El método acepta tres parámetros como se mencionó anteriormente y se describe a continuación.
- function: Es la función a estrangular.
- wait: Es la cantidad de milisegundos que se van a estrangular las llamadas.
- opciones: Es el objeto de opciones.
- options.leading: Define la llamada en el borde de ataque del tiempo de espera.
- options.trailing: Define la llamada en el borde posterior del tiempo de espera.
Valor devuelto: este método devuelve la nueva función limitada.
Ejemplo 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>
Producción:
Ejemplo 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>
Producción:
Referencia: https://underscorejs.org/#throttle
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA