Función de subrayado.js _.delay()

La función _.delay() ejecuta la función mencionada en su argumento después de esperar los milisegundos especificados. Se utiliza sobre todo cuando queremos realizar alguna tarea pero después de un tiempo determinado. En este caso, podemos definir esta función y luego se ejecutará después de los milisegundos de espera. Si pasamos los argumentos también a esta función (que es opcional pasar) entonces estos argumentos actuarán como el argumento de la función pasada a la función _.delay().

Sintaxis:

_.delay(function, wait, *arguments)

Parámetros: Toma tres argumentos:

función: La función a ejecutar.
esperar: el tiempo después del cual se debe ejecutar la función (en milisegundos)
*argumentos: el argumento de la función que se pasa a la función _.delay() (opcional)

Valor devuelto: Devuelve los valores de la función pasada, siendo ejecutada después de esperar un milisegundo.

Ejemplos:

Pasando la función directamente a la función _.delay(): La función _.delay() toma el parámetro de espera que aquí es 1000ms, luego espera 1000ms y luego ejecuta la función pasada que aquí es console.log() e imprime el string que se le pasa, es decir, la codificación es divertida. Entonces, después de 1000 ms, se mostrará la string «la codificación es divertida».

<html>
   
<head>
    <!-- These lines are for Mozilla Firefox 
          developer edition to stop the web packs-->
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <!-- You may ignore these when using in another browser -->
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        _.delay(console.log, 1000, 'coding is fun!');
    </script>
</body>
   
</html>

Producción:

Uso de la función _.bind() con la función _.delay():
La función _.bind() se usa para pasar el objeto a la función. Como aquí, la función console.log() tiene una consola de objetos. Esta ‘func()’ significa que todo lo que se pase a esta función se mostrará en la consola. No se menciona el tiempo de espera en la función _.bind(). Luego, en la función _.delay(), debemos esperar 2000 ms y luego se mostrará la string «hola» en la consola.

<html>
   
<head>
    <!-- These lines are for Mozilla Firefox 
       developer edition to stop the web packs-->
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <!-- You may ignore these when using in another browser -->
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" >
    </script>
    <script src=
    "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        var func = _.bind(console.log, console);
        _.delay(func, 2000, 'hello');
    </script>
</body>
   
</html>

Producción:

Pasar más de un argumento a la función pasada a la función _.delay():
La función _.delay() tiene una función ‘func()’ que contiene la misma función _.bind() que en el ejemplo anterior . Luego se pasa un tiempo de espera de 3000 ms, lo que significa que la salida se mostrará después de 3000 ms. Hay 3 parámetros más pasados que serán considerados como los parámetros de la función ‘func()’ pasada. Por lo tanto, la salida final se mostrará después de 3000 mseg y será una combinación de las 3 strings, es decir, “¡hola! ¿cómo estás?».

<html>
   
<head>
    <!-- These lines are for Mozilla Firefox 
       developer edition to stop the web packs-->
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
  
    <!-- You may ignore these when using in another browser -->
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
    <script src=
    "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        var func = _.bind(console.log, console);
        _.delay(func, 3000, 'hello!', 'how are', 'you?');
    </script>
</body>
   
</html>

Producción:

Pasar un número como parámetro a la función pasada a la función _.delay():
Incluso podemos pasar números como argumento a la función pasada. Aquí, estamos pasando ‘12345’ como argumento a la función ‘func()’. La función ‘func()’ se declara como en los ejemplos anteriores. La salida de esta función será «12345», que se mostrará después de 5000 mseg.

<html>
   
<head>
    <!-- These lines are for Mozilla Firefox 
         developer edition to stop the web packs-->
    <meta content="text/html;charset=utf-8" 
     http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
  
    <!-- You may ignore these when using in another browser -->
    <script src = 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
    <script src=
    "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        var func = _.bind(console.log, console);
        _.delay(func, 5000, '12345');
    </script>
</body>
   
</html>

Producción:

NOTA: Estos comandos no funcionarán en la consola de Google o en Firefox, ya que estos archivos adicionales deben agregarse y no se agregaron.
Por lo tanto, agregue los enlaces dados a su archivo HTML y luego ejecútelos.

Los enlaces son los siguientes:

<!-- Write HTML code here -->
<script type="text/javascript" src =
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>

Publicación traducida automáticamente

Artículo escrito por Sakshi98 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta