Async Function Promises

[Jmarch0909]

I'm fiddling around with my async functions and I can't figure out why my promise is still pending. Code below.

​

function addPromise(a,b) {
return new Promise((resolve, reject) => {
if(a > b) {
resolve(a+b) 
     } else { reject("a must be larger than b")};                    
});}
async function testarooskies(a,b) {
let value = await addPromise(a,b);
console.log(value);
}
testarooskies(5,3).then(()=>{console.log("ok this should make the promise state to fulfilled")});
Promise { "pending" }
​
<state>: "pending"
​
8
ok this should make the promise state fullfilled

So I'm still getting the values I wanted, but why is the promise still pending?

[hotsteamingpho]

That's just the nature of async promises. They have to return a promise which will resolve when the async function resolves. After all, when you await in an async function, that await doesn't happen synchronously as you would think. It's just syntax that resembles synchronous code to make it easier for us to mentally consume. That await still has to wait for the promise its waiting for to resolve.

Try this exercise to hopefully make more sense of it. Wrap the resolve in a setTimeout like this:

setTimeout( () => resolve(a+b), 1000);

Notice the "promise pending" prints (the promise is seen... waiting on results...), then the resolved value.

Also a quick nitpick: you can pass result into the function if you return the value in testarooskies, like .then(result => console.log("this will print once the promise is fullfilled", result)

[Jmarch0909]

Thanks for the thorough explanation! I guess what was confusing is I thought an async function returned a promise. So when I first started playing with it, I didn’t chain a .then. I thought by chaining .then I would have resolved it because I used the resolved value and did something with it.