Como implementar promessas em JavaScript?



As promessas em JavaScript são basicamente usadas para lidar com operações assíncronas. Este artigo o ajudará a explorar o conceito em detalhes.

Promessas em são usados ​​basicamente para lidar com operações assíncronas. Uma promessa é um objeto que pode produzir um único valor no futuro: um valor resolvido ou um erro.

As dicas a seguir serão abordadas neste artigo,





Vamos começar com este artigo sobre promessas em JavaScript

Importância:

As promessas são úteis quando há várias operações assíncronas a serem tratadas. Antes das promessas serem introduzidas no JavaScript, havia eventos e funções de retorno de chamada sendo usados ​​para lidar com operações assíncronas. Como os eventos não são muito úteis no caso de operações assíncronas, eles não são preferidos. Chegando ao callback, usá-los em múltiplos criaria uma bagunça que seria muito difícil para qualquer pessoa entender o código.
Portanto, as Promises são a primeira escolha de todo codificador para lidar com operações assíncronas da maneira mais simples. Eles têm recursos avançados que tornam mais fácil para eles lidar com as operações de retorno de chamada e eventos.



  • O Promises torna o código legível, o que significa que ele também pode ser editado pelos codificadores em um estágio posterior de desenvolvimento.
  • Há um melhor manuseio em todas as operações assíncronas em comparação com o retorno de chamada e o evento.
  • O tratamento avançado de erros também é considerado um recurso importante.
  • Existe um fluxo muito melhor de definição de controle em assíncrono.

Continuando com este artigo sobre promessas em JavaScript

Tipo de estado:

Realizada: Relacionado com as promessas que foram bem sucedidas.
Rejeitado: Relacionado com aquelas promessas que são rejeitadas.
Pendente: Relacionado com as promessas pendentes, ou seja, nem rejeitadas nem aceitas.
Estabelecido: Relacionado com aquelas promessas que estão sendo cumpridas ou rejeitadas.

Continuando com este artigo sobre promessas em JavaScript



Criação de Promessas

Uma promessa é criada usando o construtor de promessa.

Sintaxe:

var promessa = nova promessa (função (resolver, rejeitar) {// fazer algo aqui})

Parâmetros:
O construtor de promessa leva um argumento, função de retorno de chamada. Existem dois argumentos na função de retorno de chamada, resolver ou rejeitar. As operações são realizadas dentro das funções de retorno de chamada, se tudo correr bem, a chamada é resolvida, caso contrário, a chamada é rejeitada.

se condição na consulta sql

Continuando com este artigo sobre promessas em JavaScript

Exemplo 1:

var promessa = new Promise (function (resolver, rejeitar) {/ * declarando e definindo duas variáveis ​​do tipo de dados const com o mesmo conteúdo. * / const a = 'Olá! Meu nome é Yash e estou interessado em ciência da computação.' const b = 'Olá! Meu nome é Yash e estou interessado em ciência da computação.' // verificando se os dois conteúdos armazenados nas variáveis ​​são iguais ou não if (a === b) {// chamando resolve resolve () } else {// chamando rejeitar rejeitar ()}}) promessa. então (function () {console.log ('Promessa Resolvida !!')}). catch (function () {console.log ('Promise Rejected !!')})

Resultado:
Saída- Promessas em JavaScript- Edureka

Continuando com este artigo sobre promessas em JavaScript

Exemplo 2:

var promessa = nova promessa (função (resolver, rejeitar) {// inicializar duas variáveis ​​com valores inteiros const x = 11 + 2 const y = 26/2 // verificar se ambas as variáveis ​​são iguais ou não if (x === y ) {// chamando resolve resolve ()} else {// chamando rejeição, rejeição ()}}) promessa. then (function () {console.log ('Promise is Resolved !!')}). catch (function () {console.log ('Promise is Rejected !!')})

Resultado:

Continuando com este artigo sobre promessas em JavaScript

Exemplo 3:

var promessa = nova Promessa (função (resolver, rejeitar) {const i = 'Olá' const a = 'Mundo' // realizando adição de duas variáveis ​​para armazenar o valor em outra variável const j = i + a if ((i + a ) === j) {// chamando resolve resolve ()} else {// chamando rejeição, rejeição ()}}) promessa. then (function () {console.log ('Promise is Resolved !!')}). catch (function () {console.log ('Promise is Rejected !!')})

Resultado:

Continuando com este artigo sobre promessas em JavaScript

Consumidores em promessas

Existem duas funções de registro:

então()

Quando uma promessa é resolvida ou rejeitada, () é invocado.

Parâmetros:

  • Se a promessa for resolvida, a primeira função é executada e um resultado é recebido.
  • Se a promessa for rejeitada, a segunda função é executada e um erro é exibido na tela.

Sintaxe:

.então (função (resultado) {// tratamento do sucesso}, função (erro) {// tratamento do erro})

Continuando com este artigo sobre promessas em JavaScript

Exemplo

Quando a promessa for resolvida

// resolução da promessa var promessa = new Promise (função (resolver, rejeitar) {resolve ('A mensagem de sucesso está escrita aqui!')}) promessa .then (function (successMessageishere) {// função de tratamento de sucesso é invocada console.log (successMessageishere)}, function (errorMessageishere) {console.log (errorMessageishere)})

Resultado:

Continuando com este artigo sobre promessas em JavaScript

Quando a promessa é rejeitada

// Rejeição da promessa var promessa = nova promessa (função (resolver, rejeitar) {rejeitar ('A mensagem de rejeição está escrita aqui!')}) Promessa .then (function (successMessage) {console.log (successMessage)}, função ( errorMessage) {// a função do manipulador de erros é invocada console.log (errorMessage)})

Resultado:

Continuando com este artigo sobre promessas em JavaScript

Pegar ( )

Sempre que houver algum tipo de erro ou a promessa for rejeitada durante o tempo de execução, catch () é invocado.
Parâmetros:

  • Apenas uma função é passada como parâmetro no método catch ().
  • Esta função foi criada para lidar com erros ou rejeições de promessas.

Sintaxe:

.catch (função (erro) {// erro de tratamento})

Continuando com este artigo sobre promessas em JavaScript

Exemplo 1:

var promessa = nova Promessa (função (resolver, rejeitar) {rejeitar ('A promessa foi rejeitada')}) promessa. então (função (sucesso) {console.log (sucesso)}) .catch (função (erro) {// a função de tratamento de erros é invocada console.log (erro)})

Resultado:

Continuando com este artigo sobre promessas em JavaScript

Exemplo 2:

var promessa = nova Promessa (função (resolver, rejeitar) {// mensagem de erro lançar novo Erro ('Há algum erro!')}) promessa .then (função (sucesso) {console.log (sucesso)}). (função (erro) {// função do manipulador de erros invocada console.log (erro)})

Resultado:

Continuando com este artigo sobre promessas em JavaScript

Exemplo 3:

var promessa = nova Promessa (função (resolver, rejeitar) {// a mensagem de erro pode ser editada aqui lançar novo Erro ('ocorreu algum erro!')}) promessa .then (função (Thissucesso) {console.log (Thissuccess)} ) .catch (function (Thiserror) {// função do manipulador de erros invocada console.log (Thiserror)})

Resultado:

Inscrição:
1. Tratamento de eventos assíncronos.
2. Tratamento de solicitações assíncronas de http.

Assim, chegamos ao fim deste artigo sobre ‘Promessas em JavaScript’. Se você deseja saber mais, confira o pela Edureka, uma empresa de aprendizagem online confiável. O curso de certificação e treinamento em Java J2EE e SOA da Edureka foi projetado para treiná-lo tanto para conceitos básicos quanto avançados de Java, juntamente com várias estruturas Java como Hibernate e Spring.

Tem alguma questão para nós? Mencione isso na seção de comentários deste blog e entraremos em contato com você o mais breve possível.