Vou exemplificar com códigos.
Tenho uma função assíncrona chamada delay
que recebe um tempo em segundos e que retorna uma Promise. Ela serve para prover um tempo de espera em segundos:
// padrão de 1 segundo
function delay (time = 1) {
return new Promise((resolve) => {
setTimeout(resolve, time * 1_000) // resolve depois de X segundos
})
}
Agora vou criar uma função relógio clock
que irá exibir a hora local ( toLocaleTimeString
) a cada tempo de atraso (time
) definido na função delay
, e quando esta for resolvida, irei exibir um log no console da hora atual. Depois irei recursivamente invocar a função clock
e retorná-la:
function clock () {
return delay(1).then(() => {
// exibe a hora
console.log(new Date().toLocaleTimeString())
// inicia a recursão
return clock()
})
}
Vamos executar o nosso relógio:
// padrão de 1 segundo
function delay (time = 1) {
return new Promise((resolve) => {
setTimeout(resolve, time * 1_000) // resolve depois de X segundos
})
}
function clock () {
return delay(1).then(() => {
// exibe a hora
console.log(new Date().toLocaleTimeString())
// inicia a recursão
return clock()
})
}
// bootstrap
clock()
Usando async/await
:
// padrão de 1 segundo
function delay (time = 1) {
return new Promise((resolve) => {
setTimeout(resolve, time * 1_000) // resolve depois de X segundos
})
}
async function clock () {
await delay(1)
// exibe a hora
console.log(new Date().toLocaleTimeString())
// inicia a recursão
return clock()
}
// bootstrap
clock()
Repare que em ambos os casos, o código funciona normalmente e o relógio mostra a hora atualizada a cada segundo. Entretanto, o fato de eu ter uma função que retorna uma Promise (retorna delay
e esta retorna um objeto Promise
) e esta Promise ativa a recursão, gera uma corrente de Promises. Isto deve ser evitado!
- Por que?
- Qual problema eu resolvo ao interromper a corrente de Promises causada pela recursão em
clock
?
while
já resolveria.