Cómo encadenar las promesas en JavaScript

Cómo encadenar las promesas en JavaScript
JavaScript Promise Object se usa para manejar funciones asincrónicas. Representa el estado y los datos devueltos por la función especificada. El estado del objeto de promesa puede ayudarlo a determinar si la función asincrónica agregada se completa, se rechaza o todavía está pendiente.

En JavaScript, las promesas están encadenadas para administrar el flujo de ejecución en un programa. Las promesas de encadenamiento también son útiles cuando tienes que ejecutar una serie de funciones asincrónicas, donde cada una depende de la función anterior. También incluye propagación de errores.

Este artículo discutirá el procedimiento para Promesas de la cadena en Javascript con la ayuda de ejemplos adecuados. Entonces, comencemos!

Cómo crear una promesa en JavaScript

Puedes usar el "Promesa()"Constructor para crear un objeto de promesa en su programa:

Let promise = new Promise (función (resolución, rechazar)
// cuerpo de la función
)

En JavaScript, el "Promesa()"El constructor acepta un"función()"Como argumento que tiene dos argumentos:"resolver()" y "rechazar()". La función resolve () se invocará si la promesa se devuelve correctamente; de lo contrario, se llamará a la función rechazar ().

Ejemplo: cómo crear una promesa en JavaScript
En el programa dado a continuación, crearemos un objeto prometedor llamado "valor numérico"Al utilizar el constructor prometedor (). Según la sintaxis dada, hemos agregado los parámetros "resolver()" y "rechazar()"Para nuestro objeto de promesa:

const número = true;
Dejar numberValue = new Promise (function (resolve, rechazar)
if (número)
resolver ("tenemos un número");
demás
rechazar ("no tenemos ningún número");

);

El valor del "número" se establece en "verdadero"Entonces, en este caso, la promesa se resolverá:

consola.log (NumberValue);

La ejecución del programa proporcionado devolverá el objeto Promise con su estado:

Cómo encadenar las promesas en JavaScript

Si está atrapado en una situación en la que necesita ejecutar múltiples tareas asincrónicas en una secuencia, entonces prometer encadenamiento puede ayudarlo a este respecto.

Con el encadenamiento de la promesa, puede especificar las operaciones después de que se resuelva la promesa particular. Para este propósito, el JavaScript "entonces()","atrapar()", y "finalmente()Se utilizan métodos.

Cómo encadenar las promesas en JavaScript usando el método entonces ()

El javascript "entonces()El método "se utiliza para agregar la función del controlador al objeto prometedor creado. Este método comprende "enfullido" y "sobrerejuntoParámetros, lo que le permite manejar los escenarios donde las promesas se cumplen o fallan.

Sintaxis del método JavaScript entonces ()

objeto prometedor.luego (onfulled, onrejected);

Aquí "enfullido" y "sobrerejunto"Son el argumento del"entonces()" método. Este método devolverá un objeto de promesa con el resultado de la función del controlador.

Ejemplo: cómo encadenar las promesas en JavaScript usando el método entonces ()
En primer lugar, crearemos un objeto prometedor llamado "valor numérico"Con la ayuda del constructor Promise ():

Dejar numberValue = new Promise (function (resolve, rechazar)
Producto const = 2;
resolución (producto);
);

Después de eso, utilizaremos "entonces()"Método para encadenar las funciones"SuccessValue ()" y "SuccessValue1 ()", y "SuccessValue2 ()" con el "producto" como "enfullido"Argumento a la promesa:

valor numérico
.luego (función stitsolvalue (producto)
consola.registro (producto);
Producto de retorno * 2;
)
.luego (función stitessValue1 (producto)
consola.registro (producto);
Producto de retorno * 4;
)
.luego (función stitsitValue2 (producto)
consola.registro (producto);
Producto de retorno * 6;
);

La cadena agregada de los métodos entonces () se ejecutará cuando se cumpla la promesa especificada:

Cómo encadenar las promesas en JavaScript usando el método Catch ()

El javascript "atrapar()"El método maneja las promesas rechazadas o el caso cuando ocurre un error. Se considera una buena práctica rechazar una promesa en lugar de generar un error explícitamente.

Ejemplo: Cómo encadenar las promesas en JavaScript usando el método Catch ()
Ahora, intentaremos agregar un método Catch () en el ejemplo anterior:

Dejar numberValue = new Promise (function (resolve, rechazar)
rechazar ('desafortunadamente, la promesa es rechazada');
);
valor numérico.entonces(
function scitesValue (resultado)
consola.log (resultado);
,
)

El por debajo "atrapar()El método se ejecutará si ocurre algún error:

.atrapar(
Función ErrorValue (resultado)
consola.log (resultado);

);

Como puede ver en la salida que el "valor numérico"La promesa es rechazada, y"atrapar()El método se utiliza para manejar el error:

Cómo usar el método finalmente () con promesas

El "finalmente()El método se utiliza en una situación en la que debe ejecutar algún código, independientemente de si la promesa adicional se cumple o no.

Ejemplo: cómo usar el método finalmente () con promesas
Hemos agregado el JavaScript "finalmente()"En el siguiente ejemplo que se ejecutará, o se rechaza o se cumple:

Dejar numberValue = new Promise (function (resolve, rechazar)
resolver ('la promesa se resuelve');
);
valor numérico.finalmente(
función msg ()
consola.log ('el código se ejecuta correctamente');

);

La salida dada anteriormente significa que el código agregado en el "finalmente()El método se ejecuta con éxito y la promesa se resuelve.

Conclusión

Usando entonces() y atrapar() Métodos, puede encadenar promesas en JavaScript. El método entonces () se utiliza para especificar la operación que debe realizarse cuando se cumple la promesa adicional, mientras que el método Catch () maneja el caso cuando la promesa se rechaza. Este artículo sobre el procedimiento para encadenar las promesas en JavaScript utilizando los métodos entonces () y capt ().