【JavaScript】JS代码执行流程

宏任务和微任务有哪些？

• 宏任务：整体代码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 个阶段的事情要做

习题冶炼