宏任务和微任务有哪些?
- 宏任务:整体代码script、setTimeout、setInterval、setImmediate、i/o操作(输入输出,比如读取文件操作、网络请求)、ui render(dom渲染,即更改代码重新渲染dom的过程)、异步ajax等
- 微任务:Promise(then、catch、finally)、async/await、process.nextTick、Object.observe(⽤来实时监测js中对象的变化)、 MutationObserver(监听DOM树的变化)
执行顺序
- js代码在执行的时候,会先执行
同步任务
,遇到异步宏任务则将异步宏任务放入宏任务队列中,遇到异步微任务则将异步微任务放入微任务队列中。 - 当所有同步代码执行完毕后,再将
异步微任务
从队列中调入主线程执行。 - 微任务执行完毕后,再将
异步宏任务
从队列中调入主线程执行。 - 一直循环至所有的任务执行完毕(完成一次事件循环EventLoop)。
- 每个异步宏任务执行完之后,都会检查是否存在待执行的微任务;如果有,则执行完所有的微任务之后,再继续执行下一个宏任务。
事件循环
- 一次事件循环只能处理一个宏任务,一次事件循环可以将所有的微任务处理完毕。
- 事件循环是⼀个循环体,在循环体中有 6 个阶段,在每个阶段中,都有⼀个事件队列,不同的事件队列存储了不同类型的异步API 的回调函数。 事件循环在每次执⾏的时候,都有6 个阶段的事情要做
习题冶炼