Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
180
rated 0 times [  182] [ 2]  / answers: 1 / hits: 18303  / 7 Years ago, thu, july 6, 2017, 12:00:00

I would expect the code below to print one number on the console, then wait a second and then print another number. Instead, it prints all 10 numbers immediately and then waits ten seconds. What is the correct way to create a promise chain that behaves as described?



function getProm(v) {
return new Promise(resolve => {
console.log(v);
resolve();
})
}

function Wait() {
return new Promise(r => setTimeout(r, 1000))
}

function createChain() {
let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
let chain = Promise.resolve();
for (let i of a) {
chain.then(()=>getProm(i))
.then(Wait)

}
return chain;
}


createChain();

More From » es6-promise

 Answers
5

You have to assign the return value of .then back to chain:



chain = chain.then(()=>getProm(i))
.then(Wait)


Now you will basically be doing



chain
.then(()=>getProm(1))
.then(Wait)
.then(()=>getProm(2))
.then(Wait)
.then(()=>getProm(3))
.then(Wait)
// ...


instead of



chain
.then(()=>getProm(1))
.then(Wait)

chain
.then(()=>getProm(2))
.then(Wait)

chain
.then(()=>getProm(3))
.then(Wait)
// ...


You can see that the first one is actually a chain, while the second one is parallel.


[#57192] Monday, July 3, 2017, 7 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
lara

Total Points: 462
Total Questions: 100
Total Answers: 102

Location: Jersey
Member since Mon, Jun 14, 2021
3 Years ago
lara questions
;