JavaScript的Event Loop

1.什么是Event Loop

众所周知，JS是一门单线程语言。这意味着所有的任务都要排队执行，前一个任务执行结束才会去执行下一个任务。如果遇到一个任务耗时很长则后面的任务则会一直等待，造成页面假死的现象。但是我们发现很多时候CPU都是空闲的，只是I/O设备运行缓慢不得不等待。为了充分利用CPU，我们把任务分为同步任务和异步任务，不需要等待的任务称为同步任务，需要等待的任务称为异步任务。我们把同步任务放到主线程上执行，形成一个执行栈，而把异步任务放到任务队列上

event loop：
1.所有同步任务都在主线程上执行，形成一个执行栈
2.主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件
3.一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。又会重复1，2，3步骤。这种循环称为Event Loop

2.什么是微任务和宏任务

在异步任务中又分为微任务和宏任务
常见的微任务：Promise， async/await
常见的宏任务：setTimeout，setInterval，DOM事件，AJAX请求
当执行异步任务时 会先执行微任务，当没有微任务时才会执行宏任务