常見問題與場景
設計目標：微任務用於處理高優先級更新（如Promise狀態變更），
確保在渲染前完成數據更新，避免UI不一致。
歸類爭議：通常認為其回調在渲染前執行，
但具體實現可能因瀏覽器而異，建議單獨處理。
時機：在微任務隊列清空後、下一輪宏任務前，
瀏覽器可能選擇是否渲染。
總結對比表
特性 宏任務（Macro Task） 微任務（Micro Task）
執行時機 事件循環的每一輪中執行一個
當前宏任務結束後立即全部執行
優先級 低 高
常見類型 setTimeout、I/O、DOM事件
Promise.then、MutationObserver
隊列處理 單次循環處理一個
單次循環處理全部
嵌套任務影響 新任務進入下一輪循環
新任務繼續在當前循環執行
實際應用建議
優化性能：高頻操作（如數據更新）
優先使用微任務，減少UI卡頓。
避免阻塞：長時間運行的微任務會阻塞渲染，
需合理拆分任務。
框架中的應用：Vue的異步更新隊列、
React的state批處理均依賴微任務機制。