Skip to main content
Melhora no exemplo
Fonte Link
BrunoRB
  • 5,7mil
  • 1
  • 17
  • 31
var message = 'Vazia';

// Aqui criamos uma Promesa que será "resolvida" após o disparo do timer
// (1 segundo)
var promisep = new Promise(function(resolve, reject) {
  setTimeout(function() {
    message =$('body').append('Timer 'Preenchida';executado<br>');
    resolve();
  }, 1000);
});

// a função anônima passada como parâmetro para ".then" representa a ação que
// será realizada quando nossa promessa for resolvida/cumprida
promisep.then(function() {
  $('body').append('valor message em .then: ' + message +'Promise '<br>'resolvida<br>');
});
 

$('body').append('valor message: ' + message +'Texto '<br>'qualquer<br><br>');
<script src="https://cdn.jsdelivr.net/es6-promise/3.1.2/es6-promise.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Executando oNesse exemplo você verá como o primeiro valor impresso de messagesetTimeout é "Vazia" e o segundo ouma operação assíncrona que contêm "emé transformada em uma .then: Preenchida"Promise e atribuída a variável p. IssoAssim nós temos a variável p que representa a promessa de alguma operação que eventualmente vai ocorrer, e neste caso ela ocorre poisapós o último append feito é síncrono, ele é executado exatamentetempo estipulado no timer, 1 segundo / 1000 milisegundos, momento em que o interpretador de JavaScript chega naquele ponto, já a impressão dentro doé feito append da string .then"'Timer executado<br>'" depende da resolução da Promise, e esta só ocorre naa Promise é finalizada|completa|resolvida através da chamada deda função resolve() após, disparando assim o disparo do timermétodo (1 segundo)then que executa a função de append da string "Promise resolvida".

AQuanto a utilidade de Promises é, esta se encontra na sua capacidade de representação de fluxo assíncrono de uma maneira compreensível para o desenvolvedor. Como exemplo veja como é o modo "tradicional/antigo" para representar tal fluxo em javascript:

var message = 'Vazia';

// Aqui criamos uma Promesa que será "resolvida" após o disparo do timer
// (1 segundo)
var promise = new Promise(function(resolve, reject) {
  setTimeout(function() {
    message = 'Preenchida';
    resolve();
  }, 1000);
});

// a função anônima passada como parâmetro para ".then" representa a ação que
// será realizada quando nossa promessa for resolvida/cumprida
promise.then(function() {
  $('body').append('valor message em .then: ' + message + '<br>');
});
 

$('body').append('valor message: ' + message + '<br>');
<script src="https://cdn.jsdelivr.net/es6-promise/3.1.2/es6-promise.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Executando o exemplo você verá como o primeiro valor impresso de message é "Vazia" e o segundo o que contêm "em .then: Preenchida". Isso ocorre pois o último append feito é síncrono, ele é executado exatamente no momento em que o interpretador de JavaScript chega naquele ponto, já a impressão dentro do .then depende da resolução da Promise, e esta só ocorre na chamada de resolve() após o disparo do timer (1 segundo).

A utilidade de Promises é sua capacidade de representação de fluxo assíncrono de uma maneira compreensível para o desenvolvedor. Como exemplo veja como é o modo "tradicional/antigo" para representar tal fluxo em javascript:

// Aqui criamos uma Promesa que será "resolvida" após o disparo do timer
// (1 segundo)
var p = new Promise(function(resolve, reject) {
  setTimeout(function() {
    $('body').append('Timer executado<br>');
    resolve();
  }, 1000);
});

// a função anônima passada como parâmetro para ".then" representa a ação que
// será realizada quando nossa promessa for resolvida/cumprida
p.then(function() {
  $('body').append('Promise resolvida<br>');
});

$('body').append('Texto qualquer<br><br>');
<script src="https://cdn.jsdelivr.net/es6-promise/3.1.2/es6-promise.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Nesse exemplo setTimeout é uma operação assíncrona que é transformada em uma Promise e atribuída a variável p. Assim nós temos a variável p que representa a promessa de alguma operação que eventualmente vai ocorrer, e neste caso ela ocorre após o tempo estipulado no timer, 1 segundo / 1000 milisegundos, momento em que é feito append da string "'Timer executado<br>'" e a Promise é finalizada|completa|resolvida através da chamada da função resolve, disparando assim o método then que executa a função de append da string "Promise resolvida".

Quanto a utilidade de Promises, esta se encontra na sua capacidade de representação de fluxo assíncrono de uma maneira compreensível para o desenvolvedor. Como exemplo veja como é o modo "tradicional/antigo" para representar tal fluxo em javascript:

Melhorando texto
Fonte Link
BrunoRB
  • 5,7mil
  • 1
  • 17
  • 31

Promises (ou Promessas) são uma abstração utilizada para representar fluxos de ações em código assíncrono. Em JavaScript promises são objetos, sendo que um objetoem JavaScript uma Promise é um objeto que representa o resultado de uma operação assíncrona, podendo este resultado ser bem sucedido (gerado pela chamada da função resolve e que desencadeia a chamada do método then) ou mal sucedido (gerado pela chamada da função reject e que desencadeia a chamada do método catch). Um exemplo simples para ilustrar o conceito:

Promises (ou Promessas) são uma abstração utilizada para representar fluxos de ações em código assíncrono. Em JavaScript promises são objetos, sendo que um objeto Promise representa o resultado de uma operação assíncrona, podendo este resultado ser bem sucedido (gerado pela chamada da função resolve e que desencadeia a chamada do método then) ou mal sucedido (gerado pela chamada da função reject e que desencadeia a chamada do método catch). Um exemplo simples para ilustrar o conceito:

Promises (ou Promessas) são uma abstração utilizada para representar fluxos de ações em código assíncrono, sendo que em JavaScript uma Promise é um objeto que representa o resultado de uma operação assíncrona, podendo este resultado ser bem sucedido (gerado pela chamada da função resolve e que desencadeia a chamada do método then) ou mal sucedido (gerado pela chamada da função reject e que desencadeia a chamada do método catch). Um exemplo simples para ilustrar o conceito:

Melhorando texto
Fonte Link
BrunoRB
  • 5,7mil
  • 1
  • 17
  • 31

Promises (ou Promessas) são uma abstração utilizada para representar fluxos de ações em código assíncrono. Em JavaScript promises são objetos, sendo que um objeto Promise representa o resultado de uma operação assíncrona, podendo este resultado ser bem sucedido (gerado pela chamada da função resolve e que desencadeia a chamada do método then) ou mal sucedido (gerado pela chamada da função reject e que desencadeia a chamada do método catch). Um exemplo simples para ilustrar o conceito:

Promises (ou Promessas) são uma abstração utilizada para representar fluxos de ações em código assíncrono. Em JavaScript promises são objetos, sendo que um objeto Promise representa o resultado de uma operação assíncrona. Um exemplo simples para ilustrar o conceito:

Promises (ou Promessas) são uma abstração utilizada para representar fluxos de ações em código assíncrono. Em JavaScript promises são objetos, sendo que um objeto Promise representa o resultado de uma operação assíncrona, podendo este resultado ser bem sucedido (gerado pela chamada da função resolve e que desencadeia a chamada do método then) ou mal sucedido (gerado pela chamada da função reject e que desencadeia a chamada do método catch). Um exemplo simples para ilustrar o conceito:

Melhorando texto
Fonte Link
BrunoRB
  • 5,7mil
  • 1
  • 17
  • 31
Carregando
adicionou 7 caracteres ao conteúdo
Fonte Link
BrunoRB
  • 5,7mil
  • 1
  • 17
  • 31
Carregando
Fonte Link
BrunoRB
  • 5,7mil
  • 1
  • 17
  • 31
Carregando