“事件循环中分为宏任务队列和微任务队列”这个怎么理解,宏任务队列什么,微任务队列又是什么?怎么才能判断哪些操作是在宏任务队列,哪些任务在微任务队列
时间: 2024-06-02 12:07:37 浏览: 90
事件循环是 JavaScript 的一个执行机制,它负责管理代码执行的顺序。在事件循环中,分为宏任务队列和微任务队列,这两个队列分别用于存储不同类型的任务。
宏任务队列中存储的是一些比较耗时的、需要异步执行的任务,例如 setTimeout、setInterval、ajax 等。宏任务队列的执行顺序是先进先出。
微任务队列中存储的是一些轻量级的、需要在当前任务执行完之后立即执行的任务,例如 Promise 的 then、catch、finally,MutationObserver 等。微任务队列的执行顺序也是先进先出。
我们可以使用一些规则来判断哪些任务在宏任务队列,哪些任务在微任务队列。
- 首先,promise.then/catch 方法中的回调函数会被放入微任务队列中。
- 其次,将 MutationObserver 监听的回调函数放入微任务队列中。
- 接着,setTimeout/setInterval/setImmediate 等定时器产生的回调函数将被放入宏任务队列中。
- 最后,UI render、I/O 等事件会被放入宏任务队列中。
当执行完一个宏任务之后,会自动执行微任务队列中的所有任务,直到微任务队列为空,然后再执行下一个宏任务。这就是事件循环的运行机制。
阅读全文