1、首先执行当前代码（同步任务），直到遇到第一个宏任务或微任务。

2、如果遇到微任务，则将它添加到微任务队列中，继续执行同步任务。

3、如果遇到宏任务，则将它添加到宏任务队列中，继续执行同步任务。

4、当前任务执行完毕后，JavaScript 引擎会先执行所有微任务队列中的任务，直到微任务队列为空。

5、然后执行宏任务队列中的第一个任务，直到宏任务队列为空。

6、重复步骤 4 和步骤 5，直到所有任务都被执行完毕。 需要注意的是，微任务比宏任务优先级要高，因此在同一个任务中，如果既有微任务又有宏任务，那么微任务会先执行完毕。而在不同的任务中，宏任务的执行优先级要高于微任务，因此在一个宏任务执行完毕后，它才会执行下一个宏任务和微任务队列中的任务。 举个例子，假设当前代码中有一个 setTimeout 和一个 Promise，它们分别对应一个宏任务和一个微任务。那么执行顺序如下：

1). 执行当前代码，将 setTimeout 和 Promise 添加到宏任务和微任务队列中。

2). 当前任务执行完毕，JavaScript 引擎先执行微任务队列中的 Promise 回调函数。

3). 微任务队列为空后，再执行宏任务队列中的 setTimeout 回调函数。 需要注意的是，在一些特殊情况下，微任务和宏任务的执行顺序可能会发生变化，比如在使用 MutationObserver 监听 DOM 变化时，它会被视为一个微任务，但是它的执行顺序可能会比其他微任务更靠后。因此，需要根据具体情况来理解和处理微任务和宏任务的执行顺序。