首先我直接告訴你常見的microtasks、macrotasks。
macrotasks:
setTimeout
setInterval
setImmediate
requestAnimationFrame
I/O
UI rendering

microtasks:
process.nextTick
Promises
Object.observe
MutationObserver

現在你肯定很懵逼，這都是些啥？
不要詫異，上面很多都是Es6和node.js的知識點。
既然你都搜尋到這篇部落格了，那你肯定對上面的知識點不會感到恐懼了。

我也是一個新手，所以很難寫出完美的指導，所以我只能推薦牛人的部落格
來指導自己或者看到這篇部落格的你。

首先你知道有microtasks、macrotasks這兩個概念，它們是JavaScript
任務佇列衍生出的概念。所以，你需要先弄懂JavaScript的任務佇列。
這裡推薦大神阮一峰的部落格：

JavaScript 執行機制詳解：再談Event Loop

如果你看完且看懂了上面的阮一峰的部落格，你估計心裡就差不多明白是咋回事了。

那麼現在再推薦一篇部落格： JavaScript非同步任務執行順序。
讓你進階弄懂JavaScript的非同步任務。