Retrasar la ejecución de una función asíncrona

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 cómo retrasar la ejecución de una función asincrónica en JavaScript. Al utilizar la función sleep y devolver una Promise, podemos hacer que una parte de la función async duerma durante un determinado tiempo, lo que permite un mejor control y gestión de la ejecución del código. A través de ejemplos prácticos, aprenderemos cómo implementar efectivamente esta técnica en escenarios del mundo real.


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/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("Asynchronous Programming") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} javascript/data_types -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} javascript/comp_ops -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} javascript/loops -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} javascript/functions -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} javascript/async_prog -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} javascript/debugging -.-> lab-28270{{"Retrasar la ejecución de una función asíncrona"}} end

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

Para retrasar la ejecución de una función asincrónica en JavaScript, puedes utilizar la función sleep que se muestra a continuación, que devuelve una Promise que se resuelve después de un determinado tiempo. Aquí te presento un ejemplo de cómo retrasar la ejecución de una parte de una función async utilizando sleep:

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

async function sleepyWork() {
  console.log("Voy a dormir durante 1 segundo.");
  await sleep(1000);
  console.log("Me he despertado después de 1 segundo.");
}

Para utilizar esta función, simplemente llama a sleepyWork() y la consola mostrará los mensajes con un retraso de 1 segundo entre ellos.

Resumen

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