Com implementar promeses a JavaScript?

Les promeses de JavaScript s’utilitzen bàsicament per gestionar operacions asíncrones. Aquest article us ajudarà a explorar el concepte amb detall.

Promet a s’utilitzen bàsicament per gestionar operacions asincròniques. Una promesa és un objecte que pot produir un valor únic en el futur: un valor resolt o un error.



En aquest article es tractaran les següents indicacions,



Comencem amb aquest article sobre Promeses a JavaScript

què és la instància en python

Importància:

Les promeses són útils quan hi ha diverses operacions asincròniques a tractar. Abans d’introduir les promeses a JavaScript, s’utilitzaven esdeveniments i funcions de devolució de trucada per gestionar operacions asíncrones. Com que els esdeveniments no són molt útils en cas d'operacions asíncrones, no són preferibles. Arribant a la devolució de trucada, utilitzar-los en múltiples crearia un desgavell tal que algú era molt difícil d’entendre el codi.
Per tant, les promeses són la primera opció de tots els codificadors per gestionar operacions asíncrones de la manera més senzilla. Disposen de funcions avançades que els faciliten la gestió de les operacions que la devolució de trucada i els esdeveniments.



  • Promises fa que el codi sigui llegible, cosa que significa que també el poden editar els codificadors en la fase posterior del desenvolupament.
  • Hi ha un millor tractament durant les operacions asíncrones en comparació amb la devolució de trucada i l'esdeveniment.
  • El tractament avançat d’errors també es considera una característica important.
  • Hi ha un flux molt millor de definició de control en asíncron.

Continuem amb aquest article sobre Promeses a JavaScript

Tipus d'estats:

Complert: Relacionat amb les promeses assolides.
Rebutjada: Relacionat amb les promeses rebutjades.
Pendents: Relacionat amb les promeses pendents, és a dir, ni rebutjades ni acceptades.
Liquidat: Relacionat amb aquelles promeses que s'estan complint o rebutjant.

Continuem amb aquest article sobre Promeses a JavaScript



Creació de promeses

Es crea una promesa mitjançant el constructor de promeses.

Sintaxi:

var promise = new Promise (funció (resoldre, rebutjar) {// fer alguna cosa aquí})

Paràmetres:
El constructor de promeses adopta un argument, la funció de devolució de trucada. Hi ha dos arguments a la funció de devolució de trucada: resoldre o rebutjar. Les operacions es realitzen dins de les funcions de devolució de trucada, si tot va bé, la trucada es resol, en cas contrari, la trucada rebutjarà.

Continuem amb aquest article sobre Promeses a JavaScript

Exemple 1:

var promesa = nova promesa (funció (resoldre, rebutjar) {/ * declarant i definint dues variables de tipus const de dades amb el mateix contingut. * / const a = 'Hola, em dic Yash i m'interessa la informàtica'. const b = 'Hola, el meu nom és Yash i estic interessat en informàtica' // comprovant si el contingut emmagatzemat a les variables és igual o no si (a === b) {// trucar a resolve solve () } else {// trucar rebutjar refuse ()}}) promesa. then (function () {console.log ('Promise Resolved !!')}). catch (function () {console.log ('Promesa rebutjada !!')})

Sortida:
Sortida- Promeses a JavaScript- Edureka

Continuem amb aquest article sobre Promeses a JavaScript

Exemple 2:

var promesa = nova promesa (funció (resoldre, rebutjar) {// inicialitzant dues variables amb valors enters const x = 11 + 2 const y = 26/2 // comprovant si les dues variables són iguals o no si (x === y ) {// trucar a resolució resolve ()} else {// trucar a rebutjar rebutjar ()}}) promet. then (function () {console.log ('La promesa està resolta !!')}). catch (function () {console.log ('La promesa s'ha rebutjat !!')})

Sortida:

Continuem amb aquest article sobre Promeses a JavaScript

Exemple 3:

var promesa = nova promesa (funció (resoldre, rebutjar) {const i = 'Hola' const a = 'Món' // realització de l'addició de dues variables per emmagatzemar el valor en una altra variable const j = i + a if ((i + a ) === j) {// trucar a resolució resolve ()} else {// trucar a rebutjar rebutjar ()}}) promet. then (function () {console.log ('La promesa està resolta !!')}). catch (function () {console.log ('La promesa s'ha rebutjat !!')})

Sortida:

Continuem amb aquest article sobre Promeses a JavaScript

Consumidors en promeses

Hi ha dues funcions de registre:

llavors ()

Quan es resol una promesa o es rebutja, s'invoca ().

Paràmetres:

  • Si es resol la promesa, s'executa la primera funció i es rep un resultat.
  • Si es rebutja la promesa, s'executa la segona funció i es mostra un error a la pantalla.

Sintaxi:

.then (funció (resultat) {// gestió de l'èxit}, funció (error) {// gestió de l'error})

Continuem amb aquest article sobre Promeses a JavaScript

Exemple

Quan es resolgui la promesa

// resolució de la promesa var promise = nova Promesa (funció (resoldre, rebutjar) {resolve ('El missatge d'èxit està escrit aquí!')}) promesa. després (funció (successMessageishere) {// s'invoca la funció de control de l'èxit console.log (successMessageishere)}, funció (errorMessageishere) {console.log (errorMessageishere)})

Sortida:

Continuem amb aquest article sobre Promeses a JavaScript

Quan es rebutja la promesa

// Rebuig de la promesa var promesa = nova Promesa (funció (resoldre, rebutjar) {rebutjar ('El missatge de rebuig està escrit aquí!')}) Promesa. Llavors (funció (missatge d'èxit) {console.log (missatge d'èxit)}, funció ( errorMessage) {// s’invoca la funció de controlador d’errors console.log (errorMessage)})

Sortida:

Continuem amb aquest article sobre Promeses a JavaScript

Captura ( )

etiqueta html per al salt de línia

Sempre que hi ha algun tipus d’error o es rebutja la promesa durant el temps d’execució, s’invoca catch ().
Paràmetres:

  • Només es passa una funció com a paràmetre en el mètode catch ().
  • Aquesta funció està dissenyada per gestionar errors o prometre rebutjos.

Sintaxi:

.catch (funció (error) {// error de manipulació})

Continuem amb aquest article sobre Promeses a JavaScript

Exemple 1:

var promesa = nova Promesa (funció (resoldre, rebutjar) {rebutjar ('La promesa està rebutjada')}) promesa. llavors (funció (èxit) {console.log (èxit)}) .catch (funció (error) {// s'invoca la funció de controlador d'errors console.log (error)})

Sortida:

Continuem amb aquest article sobre Promeses a JavaScript

Exemple 2:

var promesa = nova promesa (funció (resoldre, rebutjar) {// missatge d'error llança un error nou ('Hi ha algun error!')}) promesa. llavors (funció (èxit) {console.log (èxit)}) .catch (funció (error) {// s'invoca la funció del controlador d'errors console.log (error)})

Sortida:

Continuem amb aquest article sobre Promeses a JavaScript

Exemple 3:

var promesa = nova promesa (funció (resoldre, rebutjar) {// el missatge d'error es pot editar aquí llançar un error nou ('s'ha produït un error!')}) promesa. llavors (funció (Thissuccess) {console.log (Thissuccess)} ) .catch (funció (Thiserror) {// funció de controlador d'errors invocada a console.log (Thiserror)})

Sortida:

Sol·licitud:
1. Gestió d'esdeveniments asíncrons.
2. Gestió de sol·licituds http asíncrones.

Així hem arribat al final d'aquest article sobre 'Promeses en JavaScript'. Si voleu obtenir més informació, consulteu el per Edureka, una empresa d’aprenentatge en línia de confiança. El curs de formació i certificació Java J2EE i SOA d’Edureka està dissenyat per formar-vos tant per a conceptes bàsics com avançats de Java, juntament amb diversos marcs Java com Hibernate & Spring

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d’aquest bloc i us respondrem el més aviat possible.