Retrasar la ejecución de la función

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos la función delay() que nos permite retrasar la ejecución de una función dada por un número especificado de milisegundos. Esta función es útil en casos donde necesitamos agregar una pausa en la ejecución de nuestro código, por ejemplo, cuando trabajamos con animaciones o realizamos tareas sensibles al tiempo. A través de este laboratorio, aprenderemos a usar efectivamente la función delay() en nuestro código JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("Asynchronous Programming") javascript/AdvancedConceptsGroup -.-> javascript/closures("Closures") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/data_types -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/arith_ops -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/comp_ops -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/functions -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/async_prog -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/closures -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/spread_rest -.-> lab-28271{{"Retrasar la ejecución de la función"}} javascript/debugging -.-> lab-28271{{"Retrasar la ejecución de la función"}} end

Cómo retrasar la ejecución de una función en JavaScript

Para retrasar la ejecución de una función en JavaScript, puedes usar el método setTimeout(). Aquí está cómo hacerlo:

  1. Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.
  2. Utiliza la siguiente sintaxis para retrasar la ejecución de una función fn por ms milisegundos:
const delay = (fn, ms, ...args) => setTimeout(fn, ms, ...args);
  1. Para pasar argumentos a la función, utiliza el operador de propagación (...) de esta manera:
delay(
  function (text) {
    console.log(text);
  },
  1000,
  "más tarde"
); // Muestra'más tarde' después de un segundo.

Con este código, la función fn proporcionada se invocará después del número especificado de milisegundos (ms). El parámetro ...args te permite pasar un número arbitrario de argumentos a la función.

Resumen

¡Felicidades! Has completado el laboratorio de Retraso de la Ejecución de Funciones. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.