事件循环、宏任务、微任务

 可以判定使用什么函数去处理代码：例如，你需要在dom渲染之前做好逻辑处理，等待dom渲染完毕后，展示于页面，此时必用微任务方式处理；反之需要获取dom的操作就需要采用宏任务的相关代码去包裹处理函数，才不至于获取不到元素而报错！！！

宏任务：JS宿主环境提供的API

> script(整体代码)
> setTimeout
> setInterval
> setImmediate
> I/O
> UI render
> MessageChannel
> postMessage
> requestAnimationFrame

宿主环境：node、浏览器

微任务：js语言标准提供的叫微任务

> process.nextTick
> Promise
> Async/Await(实际就是promise)
> MutationObserver(html5新特性)

先执行同步代码，遇到异步宏任务则将异步宏任务放入宏任务队列中，遇到异步微任务则将异步微任务放入微任务队列中，当所有同步代码执行完毕后，再将异步微任务从队列中调入主线程执行，微任务执行完毕后再将异步宏任务从队列中调入主线程执行，一直循环直至所有任务执行完毕。

Promise是宏任务(同步执行)，但Promise 的回调函数属于异步任务，会在同步任务之后执行(比如说 then、 catch 、finally)。

Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。