请解释 JavaScript 事件循环的基本机制，并举例说明日常代码中哪些场景会触发宏任务和微任务。

回答思路

1. 准确描述事件循环的调用栈、任务队列和微任务队列处理顺序
2. 能正确列举宏任务（如 setTimeout、setInterval、I/O）和微任务（如 Promise、MutationObserver）
3. 结合实际代码场景说明触发时机，体现日常应用理解