当前位置 : 主页 > 网络编程 > JavaScript >

深入理解JS中的微任务和宏任务的执行顺序及应用场景

来源:互联网 收集:自由互联 发布时间:2023-05-14
目录 微任务和宏任务的区别及具体场景 任务之间的执行顺序 微任务和宏任务的区别及具体场景 微任务和宏任务皆为异步任务,它们都属于一个队列,主要区别在于他们的执行顺序,
目录
  • 微任务和宏任务的区别及具体场景
  • 任务之间的执行顺序

微任务和宏任务的区别及具体场景

微任务和宏任务皆为异步任务,它们都属于一个队列,主要区别在于他们的执行顺序,Event Loop的走向和取值。

任务之间的一些划分

概念

1.宏观任务:当前调用栈中执行的代码成为宏任务。(主代码块、setTimeout、setInterval、I/O、UI 交互事件、setImmediate等等)。

2.微观任务: 当前(此次事件循环中)宏任务执行完,在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。(Promise.then、MutaionObserver、process.nextTick等等)。

3.宏任务中的事件放在callback queue中,由事件触发线程维护;微任务的事件放在微任务队列中,由js引擎线程维护。

任务之间的执行顺序

宏任务与微任务之间的执行顺序(同步任务->微任务->宏任务)

到这里,必须得用代码来举个例子

网友评论