Come implementare le promesse in JavaScript?



Le promesse in JavaScript sono fondamentalmente utilizzate per gestire operazioni operazioni asincrone. Questo articolo ti aiuterà a esplorare il concetto in dettaglio.

Promette in sono fondamentalmente utilizzati per gestire operazioni operazioni asincrone. Una promessa è un oggetto che può produrre un singolo valore in futuro: o un valore risolto o un errore.

I seguenti suggerimenti saranno trattati in questo articolo,





Cominciamo con questo articolo sulle promesse in JavaScript

Importanza:

Le promesse tornano utili quando ci sono più operazioni asincrone da affrontare. Prima che le promesse venissero introdotte in JavaScript, c'erano eventi e funzioni di callback utilizzati per gestire operazioni asincrone. Poiché gli eventi non sono molto utili in caso di operazioni asincrone, non sono preferiti. Venendo alla richiamata, usarli in multipli creerebbe un tale pasticcio che era molto difficile per chiunque capire il codice.
Pertanto Promises è la prima scelta di ogni programmatore per gestire le operazioni asincrone nel modo più semplice. Hanno funzionalità avanzate che facilitano la gestione delle operazioni rispetto alla richiamata e agli eventi.



  • Promises rende il codice leggibile, il che significa che può essere modificato dai programmatori anche in una fase successiva dello sviluppo.
  • C'è una migliore gestione in tutte le operazioni asincrone rispetto al callback e all'evento.
  • Anche la gestione avanzata degli errori è considerata una caratteristica importante.
  • C'è un flusso molto migliore di definizione del controllo in asincrono.

Andando avanti con questo articolo sulle promesse in JavaScript

Tipo di stati:

Soddisfatto: Relativo a quelle promesse che sono riuscite.
Respinto: In relazione a quelle promesse che vengono rifiutate.
In attesa di: Relativo a quelle promesse in sospeso, ovvero non rifiutate né accettate.
Stabilito: Relativo a quelle promesse che vengono mantenute o rifiutate.

Andando avanti con questo articolo sulle promesse in JavaScript



Creazione di promesse

Una promessa viene creata utilizzando il costruttore di promesse.

Sintassi:

var promise = nuova promessa (funzione (risoluzione, rifiuto) {// fai qualcosa qui})

Parametri:
Il costruttore Promise accetta un argomento, funzione di callback. Ci sono due argomenti nella funzione di callback, risoluzione o rifiuto. Le operazioni vengono eseguite all'interno delle funzioni di callback, se tutto è andato bene allora la chiamata si risolve altrimenti la chiamata viene rifiutata.

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio 1:

var promise = new Promise (funzione (risoluzione, rifiuto) {/ * che dichiara e definisce due variabili del tipo di dati const con lo stesso contenuto. * / const a = 'Ciao! Mi chiamo Yash e sono interessato all'informatica.' const b = 'Hello there! Mi chiamo Yash e sono interessato all'informatica.' // controlla se entrambi i contenuti archiviati nelle variabili sono uguali o no if (a === b) {// chiamando la risoluzione resolver () } else {// chiamando il rifiuto rifiuta ()}}) promessa. quindi (function () {console.log ('Promise Resolved !!')}). catch (function () {console.log ('Promise Rejected !!')})

Produzione:
Output - Promesse in JavaScript - Edureka

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio 2:

var promise = new Promise (funzione (risoluzione, rifiuto) {// inizializzazione di due variabili con valori interi const x = 11 + 2 const y = 26/2 // verifica se entrambe le variabili sono uguali o no if (x === y ) {// chiamando la risoluzione risoluzione ()} else {// chiamando il rifiuto rifiuta ()}}) promessa. quindi (function () {console.log ('Promise is Resolved !!')}). catch (function () {console.log ('Promise is Rejected !!')})

Produzione:

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio 3:

var promessa = nuova promessa (funzione (risoluzione, rifiuto) {const i = 'Hello' const a = 'World' // esecuzione dell'addizione di due variabili per memorizzare il valore in un'altra variabile const j = i + a if ((i + a ) === j) {// chiamando la risoluzione risoluzione ()} else {// chiamando il rifiuto rifiuta ()}}) promessa. quindi (function () {console.log ('Promise is Resolved !!')}). catch (function () {console.log ('Promise is Rejected !!')})

Produzione:

Andando avanti con questo articolo sulle promesse in JavaScript

Consumatori in promesse

Sono disponibili due funzioni di registrazione:

poi()

Quando una promessa viene risolta o rifiutata, viene invocata ().

Parametri:

  • Se la promessa viene risolta, viene eseguita la prima funzione e viene ricevuto un risultato.
  • Se la promessa viene rifiutata, viene eseguita la seconda funzione e sullo schermo viene visualizzato un errore.

Sintassi:

.then (funzione (risultato) {// gestione del successo}, funzione (errore) {// gestione dell'errore})

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio

Quando la promessa è risolta

// risoluzione della promessa var promise = new Promise (funzione (risoluzione, rifiuto) {risoluzione ('Il messaggio di successo è scritto qui!')}) promessa .then (funzione (successMessageishere) {// viene invocata la funzione di gestione del successo console.log (successMessageishere)}, funzione (errorMessageishere) {console.log (errorMessageishere)})

Produzione:

Andando avanti con questo articolo sulle promesse in JavaScript

Quando la promessa viene rifiutata

// Rifiuto della promessa var promise = new Promise (funzione (risoluzione, rifiuto) {rifiuto ('Il messaggio di rifiuto è scritto qui!')}) Promessa .then (function (successMessage) {console.log (successMessage)}, function ( errorMessage) {// viene richiamata la funzione di gestione degli errori console.log (errorMessage)})

Produzione:

Andando avanti con questo articolo sulle promesse in JavaScript

Catturare ( )

Ogni volta che si verifica una sorta di errore o la promessa viene rifiutata durante il tempo di esecuzione, viene richiamato catch ().
Parametri:

  • Solo una funzione viene passata come parametro nel metodo catch ().
  • Questa funzione è stata creata per gestire errori o promettere rifiuti.

Sintassi:

miglior ide per lo sviluppo di Java
.catch (function (error) {// handling error})

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio 1:

var promise = new Promise (funzione (risoluzione, rifiuto) {rifiuto ('La promessa è rifiutata')}) promessa .then (funzione (successo) {console.log (successo)}) .catch (funzione (errore) {// viene richiamata la funzione di gestione degli errori console.log (errore)})

Produzione:

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio 2:

var promise = new Promise (funzione (risoluzione, rifiuto) {// messaggio di errore lancia un nuovo errore ('C'è qualche errore!')}) promessa .then (funzione (successo) {console.log (successo)}) .catch (function (error) {// error handler function is invoked console.log (error)})

Produzione:

Andando avanti con questo articolo sulle promesse in JavaScript

Esempio 3:

var promise = new Promise (funzione (risoluzione, rifiuto) {// il messaggio di errore può essere modificato qui lancia un nuovo errore ('si è verificato qualche errore!')}) promessa .then (funzione (Thissuccess) {console.log (Thissuccess)} ) .catch (function (Thiserror) {// error handler function invoked console.log (Thiserror)})

Produzione:

Applicazione:
1. Gestione di eventi asincroni.
2. Gestione delle richieste http asincrone.

Così siamo giunti alla fine di questo articolo su 'Promesse in JavaScript'. Se desideri saperne di più, dai un'occhiata al da Edureka, una società di apprendimento online affidabile. Il corso di formazione e certificazione Java J2EE e SOA di Edureka è progettato per formarti sia sui concetti di base che avanzati su Java insieme a vari framework Java come Hibernate e Spring.

Hai domande per noi? Per favore, menzionalo nella sezione commenti di questo blog e ti risponderemo il prima possibile.