1、为什么了解事件循环
可以判定使用什么函数去处理代码:例如,你需要在dom渲染之前做好逻辑处理,等待dom渲染完毕后,展示于页面,此时必用微任务方式处理;反之需要获取dom的操作就需要采用宏任务的相关代码去包裹处理函数,才不至于获取不到元素而报错!!!
2、宏任务和微任务
宏任务:JS宿主环境提供的API
> script(整体代码)
> setTimeout
> setInterval
> setImmediate
> I/O
> UI render
> MessageChannel
> postMessage
> requestAnimationFrame
宿主环境:node、浏览器
微任务:js语言标准提供的叫微任务
> process.nextTick
> Promise
> Async/Await(实际就是promise)
> MutationObserver(html5新特性)
3、事件循环
先执行同步代码,遇到异步宏任务则将异步宏任务放入宏任务队列中,遇到异步微任务则将异步微任务放入微任务队列中,当所有同步代码执行完毕后,再将异步微任务从队列中调入主线程执行,微任务执行完毕后再将异步宏任务从队列中调入主线程执行,一直循环直至所有任务执行完毕。
4、Promise和微任务
Promise是同步任务,会同步执行,但Promise 的回调函数属于异步任务,会在同步任务之后执行(比如说 then、 catch 、finally)。
Promise 的回调函数不是正常的异步任务,而是微任务(microtask)。它们的区别在于,正常任务追加到下一轮事件循环,微任务追加到本轮事件循环。这意味着,微任务的执行时间一定早于正常任务。