.finally are always asynchronous.
Even when a Promise is immediately resolved, the code on the lines below
.finally will still execute before these handlers .
Here’s the demo:
If you run it, you see
code finished first, and then
That’s strange, because the promise is definitely done from the beginning.
Why did the
.then trigger afterwards? What’s going on?
Asynchronous tasks need proper management. For that, the standard specifies an internal queue
PromiseJobs, more often referred to as “microtask queue” (v8 term).
As said in the specification:
- The queue is first-in-first-out: tasks enqueued first are run first.
- Execution of a task is initiated only when nothing else is running.
Or, to say that simply, when a promise is ready, its
That’s why “code finished” in the example above shows first.
Promise handlers always go through that internal queue.
If there’s a chain with multiple
.then/catch/finally, then every one of them is executed asynchronously. That is, it first gets queued, and executed when the current code is complete and previously queued handlers are finished.
What if the order matters for us? How can we make
code finished work after
Easy, just put it into the queue with
Now the order is as intended.
unhandledrejection event from the chapter Error handling with promises?
"Unhandled rejection" occurs when a promise error is not handled at the end of the microtask queue.
Normally, if we expect an error, we add
.catch to the promise chain to handle it:
…But if we forget to add
.catch, then, after the microtask queue is empty, the engine triggers the event:
What if we handle the error later? Like this:
Now, if you run it, we’ll see
Promise Failed! message first, and then
If we didn’t know about microtasks queue, we could wonder: “Why did
unhandledrejection handler run? We did catch the error!”.
But now we understand that
unhandledrejection is generated when the microtask queue is complete: the engine examines promises and, if any of them is in “rejected” state, then the event triggers.
In the example above,
.catch added by
setTimeout also triggers, but later, after
unhandledrejection has already occurred, so that doesn’t change anything.
Promise handling is always asynchronous, as all promise actions pass through the internal “promise jobs” queue, also called “microtask queue” (v8 term).
.then/catch/finally handlers are always called after the current code is finished.
If we need to guarantee that a piece of code is executed after
.then/catch/finally, we can add it into a chained