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: