js运行机制详解（宏-同步-微任务-宏）

1.js中的异步操作（new promise声明相当于同步）

• setTimeOut
• setInterval
• ajax
• promise
• I/O 

2.同步任务 or 异步任务

• 同步任务(synchronous)：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；
• 异步任务(asynchronous)：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

3.宏任务 or 微任务

这里需要注意的是new Promise是会进入到主线程中立刻执行，而promise.then则属于微任务

• 宏任务(macro-task)：整体代码script、setTimeOut、setInterval
• 微任务(mincro-task)：promise.then、promise.nextTick(node)

4.Event Loop事件循环

整体代码script--同步任务--异步任务中的微任务--异步任务中的宏任务

• 整体的script(作为第一个宏任务)开始执行的时候，会把所有代码分为两部分：“同步任务”、“异步任务”；
• 同步任务会直接进入主线程依次执行；
• 异步任务会再分为宏任务和微任务；
• 宏任务进入到Event Table中，并在里面注册回调函数，每当指定的事件完成时，Event Table会将这个函数移到Event Queue中；
• 微任务也会进入到另一个Event Table中，并在里面注册回调函数，每当指定的事件完成时，Event Table会将这个函数移到Event Queue中；
• 当主线程内的任务执行完毕，主线程为空时，会检查微任务的Event Queue，如果有任务，就全部执行，如果没有就执行下一个宏任务；
• 上述过程会不断重复，这就是Event Loop事件循环；
• await会阻塞下面代码，先执行外部的同步