JS面试题 执行机制是怎样的？

定义：

宏任务：包含执行整体的js代码、事件回调（DOM事件），XHR回调（异步请求，接口回调），定时器（setTimeout/setInterval/setImmediate-->node环境），IO（input和output，文件的读出和写入等）操作，事件队列，UI render

微任务：更新应用程序状态的任务，包括Promise.[then/catch/finally]回调，async/await，MutationObserver（浏览器环境），process.nextTick（Node独有，注册函数的优先级比Promise回调函数要高），Object.observe，MutationObserver

js是一个单线程，异步，非阻塞I/O模型，event loop事件循环的执行机制

所有任务可以分为两种：一种是同步任务，一种是异步任务。

所谓同步任务是：在主线程排队执行的任务，只有前一个任务执行完后，才会执行后一个任务。

所谓异步任务是：不进入主线程而进入任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

什么是微任务和宏任务

首先，我们要先了解下 Js 。js 是一种单线程语言，简单的说就是：只有一条通道，那么在任务多的情况下，就会出现拥挤的情况，这种情况下就产生了 ‘多线程’ ，但是这种“多线程”是通过单线程模仿的，也就是假的。那么就产生了同步任务和异步任务。

JS为什么要区分微任务和宏任务

（1）js是单线程的，但是分同步异步
（2）微任务和宏任务皆为异步任务，它们都属于一个队列
（3）宏任务一般是：script、setTimeout、setInterval、postMessage、MessageChannel、setImmediate(Node.js 环境)
（4）微任务：Promise.then、Object.observe、MutationObserver、process.nextTick(Node.js 环境)
（5）先执行同步再执行异步，异步遇到微任务，先执行微任务，执行完后如果没有微任务，就执行下一个宏任务，如果有微任务，就按顺序一个一个执行微任务
 

这里容易产生一个错误的认识：就是微任务先于宏任务执行。实际上是先执行同步任务然后在执行异步任务，异步任务是分宏任务和微任务两种的。