前端面试之事件循环机制

一、事件循环是什么？

首先，JS是单线程的，意味着同一时间内只能做一件事，但是这并不意味着单线程就是阻塞，而实现单线程非阻塞的方法就是事件循环机制。在JS中把任务分为同步和异步，同步任务和异步任务的执行环境不同，同步任务会进入主线程，异步任务会进入EventQueue(事件队列)，主线程中的任务执行完毕后，回去EventQueue中读取对应的任务，并推到主线程中执行，不断重复过程，称为EventLoop(事件循环机制)

• 同步任务：立即执行的任务，同步任务一般会直接进入到主线程中执行
• 异步任务：异步执行的任务，比如ajax网络请求、setTimeout定时函数等
  

二、宏任务和微任务

微任务

异步执行的函数，执行时机是在主函数执行结束之后、当前宏任务结束之前

常见的微任务有：

• Promise.then
• Proxy对象替代
• process.nextTick
• MutaionObserver

宏任务

宏任务的时间粒度比较大，执行的时间间隔是不能精确控制的，对一些高实时性的需求就不太符合

常见的宏任务有：

• 整个script
• setTimeout/setInterval
• UI rendering/UI事件
• setImmediate、I/O

事件循环、宏任务、微任务关系：执行一个宏任务，如果遇到微任务就将它放到微任务的事件队列中，当前宏任务执行完成后，会查看微任务的事件队列，然后将里面的所有微任务依次执行完

三、题目

console.log(1);
setTimeout(()=>{
   
    console.log(2)