js事件执行机制

主要是为自己理解：
js是单线程
event loop 是js执行机制

因为单线程，任务都是排队执行，当一个任务处理需要比较长的时间时会造成阻塞给用户带来很不好的体验，所以需要异步处理任务。
js分为同步和异步处理。单线程如何实现异步？（通过事件循环Event Loop）
（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。
（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。
（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
（4）主线程不断重复上面的第三步。

宏任务和微任务
macro task（宏任务）: 同步代码(整块script代码)、setImmediate、MessageChannel、setTimeout/setInterval
micro task（微任务）: Promise.then（不是promise，promise会立即执行）、MutationObserver，还有process.nextTick等。

但是当加入async/await 的执行顺序又会不一样

实际上await是一个让出线程的标志。await后面的函数会先执行一遍，然后就会跳出整个async函数来执行后面js栈（后面会详述）的代码。等本轮事件循环执行完了之后又会跳回到async函数中等待await，之前写一个功能去获取数据之后再执行，我说怎么老是不返回数据。

有关async/await的执行顺序 https://blog.csdn.net/GJQI12/article/details/105809043