Cómo esperar las promesas para resolverse en JavaScript

Las promesas son características ampliamente utilizadas en el lenguaje de programación de JavaScript. Las promesas tienen un papel clave en JavaScript para esperar hasta que se complete la ejecución de tareas específicas. Permite al usuario ejecutar la siguiente tarea después de completar una tarea. Esta publicación demuestra la promesa de esperar utilizando el resolver() Método en JavaScript. Es útil para las funciones de devolución de llamada que ejecutan un código basado en las necesidades del usuario. Además, puede gestionar el control de flujo de eventos asincrónicos, donde se llaman eventos paralelos.

Por qué se requieren promesas en JavaScript?

JavaScript puede realizar una tarea en un momento determinado de una manera secuencial. Sin embargo, la ejecución del código en paralelo causa algunos problemas. Por ejemplo, si un usuario establece 5 segundos para el setTimeout () Método, el JavaScript ejecutará la siguiente parte del código antes de completar la tarea anterior. Por lo tanto, se requieren promesas para esperar hasta que se ejecute la tarea actual.

Trabajo de promesas en JavaScript

Una promesa es un objeto basado en JavaScript que devuelve un valor después de completar o completar una tarea asíncrona. La tarea completa se refiere a la llamada de función de resolución, mientras que la tarea incompleta indica la llamada de función de rechazo. La sintaxis se proporciona aquí considerando la promesa con la llamada de la función de resolución.

Sintaxis

Promesa.resolver (valor);

La sintaxis devuelve una promesa "objeto" que resuelve el fallecimiento valor.

Diferentes estados de promesa en JavaScript

La promesa se crea utilizando el constructor. Una promesa es un objeto que contiene tres formas, "Formado", "rechazado", y "pendiente" y se describen a continuación:

• satisfecho: se refiere a la promesa que se está resolviendo.
• rechazado: indica que la promesa ha sido rechazada.
• pendiente: especifique el estado inicial antes de que la promesa sea rechazada o resuelta.

Nota: La promesa se usa principalmente para operaciones asincrónicas. Pero los usuarios pueden rechazar o resolver la operación sincronizando.

Practiquemos que diferentes ejemplos se consideran que esperan la promesa con diferentes períodos de tiempo.

Ejemplo 1: Esperando 3 segundos

Se sigue un ejemplo utilizando la promesa de esperar 3000 milisegundos en JavaScript.

Código

consola.Log ('Ejemplo para esperar las promesas para resolverse');
const p1 = new promise ((resolve, rechazar) =>
setTimeOut (() =>
consola.log ('Primera promesa resuelta');
, 3000);
);

En este código:

• En primer lugar, el "Promesa" El constructor es llamado por un nuevo palabra clave.
• Después de eso, devolver una devolución de devolución de llamada setTimeout () método pasando una cadena "Primera promesa resuelta" y "3000" milisegundos.
• Por lo tanto, la cadena de paso espera 3 segundos para resolver la promesa en JavaScript.

Producción

La salida muestra que un mensaje "Primera promesa resuelta" se muestra después de 3 segundos.

Ejemplo 2: Uso de las palabras clave "Async" y "Esperar" para esperar una promesa

Otro ejemplo se considera utilizando el asíncrata y esperar Palabras clave para esperar promesas en JavaScript. El código se proporciona a continuación.

Código

consola.log ('promete resolver');
ASYNC FUNTION INFO ()
const promesa = nueva promesa (resolve =>
resolve ('Bienvenido a JavaScript'));
const txt = espera promesa;
consola.log (txt);
devolver txt;
info ()

En este código:

• En primer lugar, función info () se emplea con el "Async" Palabra clave que devuelve la promesa.
• Después de eso, el "Promesa" El constructor se llama con un nuevo palabra clave y una devolución de llamada al "resolver()" método.
• Un mensaje "Bienvenido a JavaScript" se pasa como un argumento para resolver el método.
• El "Async" La palabra clave está permitida con el "esperar" palabra clave.
• El esperar La palabra clave se utiliza para esperar promesas y almacenarlas en el "TXT" variable.
• Al final, el info () se llama a método para devolver el "TXT" variable.

Producción

La salida devuelve un mensaje "Bienvenido a JavaScript" empleando el método de resolución de promesa.

Ejemplo 3: espere 2 segundos usando palabras clave "async" y "espera"

El siguiente código se lleva a esperar a que las promesas se resuelvan utilizando el asíncrata y esperar Palabras clave.

consola.log ('promete resolver');
function async wait_tim ()
Deje p2 = espera promesa;
consola.log (p2);

Let promise = new Promise (resolve =>
setTimeOut (() => resolve ('javaScript'), 2000);
);
Wait_tim ();

La explicación del código es la siguiente:

• En primer lugar, el Wait_tim () El método se define con el "Async" Palabra clave que devuelve la promesa.
• Además, el esperar Se emplea la palabra clave para esperar una promesa y almacenarla en el "TXT" variable.
• Después de eso, el "Promesa" El constructor se llama con un nuevo Palabra clave que devuelve un resolver método.
• En este método, el setTimeout () El método se utiliza pasando una cadena "JavaScript" y "2000" milisegundos.
• Al final, el "Wait_tim ()" El método está llamado a esperar "2 segundos" Para resolver la promesa.

Producción

La salida muestra que un mensaje "JavaScript" espera 2 segundos antes de imprimir en la consola.

Conclusión

JavaScript proporciona un Promesa.resolver() Método para esperar promesas y devuelve un objeto prometedor que se resuelve al proporcionar un valor dado. Este artículo explica el funcionamiento de un objeto de promesa junto con la sintaxis. El método es útil para controlar el flujo de eventos asincrónicos, donde se llaman eventos paralelos. Además, se proporcionan numerosos ejemplos para esperar la promesa empleando el setTimeout () método.