前端提升（12） 之 微任务和宏任务 + EventLoop

导航

1、微任务和宏任务

首先举几个典型的微任务和宏任务

微任务的代表
promise
nodejs中的process.nextTick

宏任务的代表
setTImeout
setInterVal

console.log(1) //主线程

setTimeout(() => { //宏任务
  console.log(2)
}, 1000)

new Promise(resolve => { //主线程
  resolve()
  console.log(3)
}).then(() => { //微任务
  console.log(4)
})

console.log(5) //主线程 

//输出顺序 1、3、5、4、2

执行顺序为主线程–>微任务–>宏任务

2、EventLoop

（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。

（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。

（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。

（4）主线程不断重复上面的第三步。