¿Cómo implementar promesas en JavaScript?



Las promesas en JavaScript se utilizan básicamente para manejar operaciones asincrónicas. Este artículo le ayudará a explorar el concepto en detalle.

Promesas en Se utilizan básicamente para manejar operaciones asincrónicas. Una promesa es un objeto que puede producir un valor único en el futuro: un valor resuelto o un error.

En este artículo se cubrirán los siguientes consejos,





Comencemos con este artículo sobre promesas en JavaScript

Importancia:

Las promesas son útiles cuando hay varias operaciones asincrónicas que deben tratarse. Antes de que se introdujeran las promesas en JavaScript, se usaban eventos y funciones de devolución de llamada para manejar operaciones asincrónicas. Dado que los eventos no son muy útiles en el caso de operaciones asincrónicas, no se prefieren. Llegar a la devolución de llamada, usarlos en múltiples crearía tal lío que sería muy difícil para cualquiera entender el código.
Por lo tanto, Promises es la primera opción de todo codificador para manejar operaciones asincrónicas de la manera más simple. Tienen funciones avanzadas que les facilitan el manejo de operaciones que no sean la devolución de llamada y los eventos.



  • Promises hace que el código sea legible, lo que significa que los codificadores también pueden editarlo en una etapa posterior de desarrollo.
  • Hay un mejor manejo en todas las operaciones asincrónicas en comparación con la devolución de llamada y el evento.
  • El manejo avanzado de errores también se considera una característica importante.
  • Existe un flujo mucho mejor de definición de control en modo asíncrono.

Continuando con este artículo sobre promesas en JavaScript

Tipo de estados:

Cumplido: Relacionado con aquellas promesas que se cumplen.
Rechazado: Relacionado con aquellas promesas que son rechazadas.
Pendiente: Relacionado con aquellas promesas que están pendientes, es decir, ni rechazadas ni aceptadas.
Colocado: Relacionado con aquellas promesas que se están cumpliendo o rechazando.

Continuando con este artículo sobre promesas en JavaScript



Creación de promesas

Una promesa se crea usando el constructor de promesas.

Sintaxis:

var promesa = nueva promesa (función (resolver, rechazar) {// hacer algo aquí})

Parámetros:
El constructor de promesas toma un argumento, función de devolución de llamada. Hay dos argumentos en la función de devolución de llamada, resolver o rechazar. Las operaciones se realizan dentro de las funciones de devolución de llamada, si todo salió bien, la llamada se resuelve; de ​​lo contrario, la llamada se rechaza.

Continuando con este artículo sobre promesas en JavaScript

Ejemplo 1:

var promise = new Promise (función (resolver, rechazar) {/ * declarando y definiendo dos variables de tipo de datos const con el mismo contenido. * / const a = '¡Hola! Mi nombre es Yash y estoy interesado en la informática.' const b = '¡Hola! Mi nombre es Yash y estoy interesado en la informática.' // comprobando si ambos contenidos almacenados en las variables son iguales o no if (a === b) {// llamando a resolve resolve () } else {// invocando la promesa de rechazar rechazar ()}}). luego (function () {console.log ('Promesa resuelta !!')}). catch (function () {console.log ('Promise Rejected !!')})

Salida:
Salida- Promesas en JavaScript- Edureka

Continuando con este artículo sobre promesas en JavaScript

Ejemplo 2:

var promesa = nueva Promesa (función (resolver, rechazar) {// inicializar dos variables con valores enteros const x = 11 + 2 const y = 26/2 // verificar si ambas variables son iguales o no if (x === y ) {// llamando a resolve resolve ()} else {// llamando a accept replace ()}}) promesa. luego (function () {console.log ('¡¡La promesa está resuelta !!')}). catch (function () {console.log ('¡¡La promesa es rechazada !!')})

Salida:

Continuando con este artículo sobre promesas en JavaScript

Ejemplo 3:

var promesa = nueva Promesa (función (resolver, rechazar) {const i = 'Hola' const a = 'Mundo' // realizar la suma de dos variables para almacenar valor en otra variable const j = i + a if ((i + a ) === j) {// llamando a resolve resolve ()} else {// llamando a accept replace ()}}) promesa. luego (function () {console.log ('¡¡La promesa está resuelta !!')}). catch (function () {console.log ('¡¡La promesa es rechazada !!')})

Salida:

Continuando con este artículo sobre promesas en JavaScript

Consumidores en promesas

Hay dos funciones de registro:

entonces()

Cuando una promesa se resuelve o se rechaza, se invoca ().

Parámetros:

  • Si se resuelve la promesa, se ejecuta la primera función y se recibe un resultado.
  • Si se rechaza la promesa, se ejecuta la segunda función y se muestra un error en la pantalla.

Sintaxis:

.entonces (función (resultado) {// manejo exitoso}, función (error) {// manejo del error})

Continuando con este artículo sobre promesas en JavaScript

Ejemplo

Cuando la promesa se resuelve

// resolución de la promesa var promise = new Promise (función (resolver, rechazar) {resolver ('¡El mensaje de éxito está escrito aquí!')}) promise .then (function (successMessageishere) {// se invoca la función de manejo de éxito console.log (SuccessMessageishere)}, función (errorMessageishere) {console.log (errorMessageishere)})

Salida:

Continuando con este artículo sobre promesas en JavaScript

Cuando la promesa es rechazada

// Rechazo de la promesa var promesa = nueva Promesa (función (resolver, rechazar) {rechazar ('¡El mensaje de rechazo está escrito aquí!')}) Promesa. Then (function (successMessage) {console.log (successMessage)}, function ( errorMessage) {// se invoca la función del controlador de errores console.log (errorMessage)})

Salida:

Continuando con este artículo sobre promesas en JavaScript

excepción de puntero nulo en el programa de ejemplo de Java

Captura ( )

Siempre que haya algún tipo de error o la promesa sea rechazada durante el tiempo de ejecución, se invoca catch ().
Parámetros:

  • Solo se pasa una función como parámetro en el método catch ().
  • Esta función está diseñada para manejar errores o rechazar promesas.

Sintaxis:

.catch (función (error) {// error de manejo})

Continuando con este artículo sobre promesas en JavaScript

Ejemplo 1:

var promesa = nueva Promesa (función (resolver, rechazar) {rechazar ('La promesa es rechazada')}) promesa .entonces (función (éxito) {consola.log (éxito)}) .catch (función (error) {// se invoca la función del controlador de errores console.log (error)})

Salida:

Continuando con este artículo sobre promesas en JavaScript

Ejemplo 2:

var promesa = nueva promesa (función (resolver, rechazar) {// mensaje de error lanzar nuevo Error ('¡Hay algún error!')}) promesa .entonces (función (éxito) {consola.log (éxito)}) .catch (function (error) {// se invoca la función del controlador de errores console.log (error)})

Salida:

Continuando con este artículo sobre promesas en JavaScript

Ejemplo 3:

var promise = new Promise (función (resolver, rechazar) {// el mensaje de error se puede editar aquí throw new Error ('¡ocurrió algún error!')}) promise .then (función (Thissuccess) {console.log (Thissuccess)} ) .catch (function (Thiserror) {// función del controlador de errores invocada console.log (Thiserror)})

Salida:

Solicitud:
1. Manejo de eventos asincrónicos.
2. Manejo de solicitudes http asincrónicas.

Por lo tanto, hemos llegado al final de este artículo sobre 'Promesas en JavaScript'. Si desea obtener más información, consulte el por Edureka, una empresa de aprendizaje en línea de confianza. El curso de certificación y capacitación Java J2EE y SOA de Edureka está diseñado para capacitarlo en conceptos básicos y avanzados de Java junto con varios marcos de Java como Hibernate y Spring.

Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de este blog y nos pondremos en contacto con usted lo antes posible.