How does JavaScript know when a Promises callback function is ready to be executed?

Question

I know that there is a message-queue and that JavaScript is single-threaded. And there's also an event-loop, taking messages from the queue and doing some work.

When you create a promise, and this promise is being kept in the message queue, when or how does the loop know when it's resolved (or rejected). Is it permanently asking, if the status is not "pending" or is the promise itself queuing to the message-queue when it is resolved or rejected?

Update:

After some research, I think I got it wrong. It is not the promise itself but the XHR-request that is actually blocking and running in its own thread to not block the main execution thread. So only the main execution thread is single-threaded and the XHR-thread will queue the callbacks to the main-thread when the XHR request gets a result (or fails).

So, corresponding to this article, is the promise itself being kept in the stack and will push the callback function to the queue when it is settled?

Answer 1

So, corresponding to this article, is the promise itself being kept in the stack and will push the callback function to the queue when it is settled?

The following quotation comes from the Related article on microtasks suggested by nem035:

_{Once a promise settles, or if it has already settled, it queues a microtask for its reactionary callbacks. This ensures promise callbacks are async even if the promise has already settled.} ¹

Try going through the animated step-by-step diagrams,

After the seventh step it reaches this point:

So one can conclude that the promise itself is not kept in the stack, but the Promise then (callback) is added to the queue of Microtasks, which are processed after the stack becomes empty.

---

¹_{https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/}