事件循环eventloop以及宏任务和微任务

js是单线程的，而前端的某些任务是非常耗时的，比如网络请求，定时器和事件监听，如果让他们和别的任务一样，都老老实实的排队等待执行的话，执行效率会非常的低，甚至导致页面的假死。所以，浏览器为这些耗时任务开辟了另外的线程，主要包括http请求线程，浏览器定时触发器，浏览器事件触发线程，这些任务是异步的。
浏览器为网络请求这样的异步任务单独开了一个线程，当这些异步任务完成后，主线程怎么知道呢？答案就是回调函数，整个程序是事件驱动的，每个事件都会绑定相应的回调函数。

事件循环：
从上到下执行script(整体代码)，遇到异步代码时，会将这个事件挂起，继续执行执行栈中的其他同步任务。
当被挂起的异步代码执行完后，会将这个异步代码的回调函数加入事件队列中（若这个异步任务为宏任务，则加入宏任务队列。若这个异步任务为微任务，则加入微任务队列。）
当script(整体代码)执行完后，会执行微任务队列中所有的微任务。执行完所有的微任务后，然后进行浏览器渲染，再从宏任务队列中找一个宏任务进入执行栈中执行，然后再重复……