js运行机制：eventLoop

首先js是单线程的，意味着代码只能从上到下执行。浏览器为了模拟多线程，创建了event loop，称作js异步编程。当然浏览器内部有很多线程来辅助event loop的实现。

同步和异步

如果js代码都是同步的，从上往下执行的话，就不会有任何的交互功能了。异步使单线程js可以拥有定时器,ajax,事件等功能。

同异步执行机制

单线程的特性是代码从上往下执行，当遇到异步任务的时候会把异步任务的回调函数放到Event Table中等待异步任务执行完成，等异步任务完成时回调函数会从Event Table转移到Event Queue中。当浏览器主线程代码全部执行完毕之后会把Event Queue中的函数转移到主线程执行。
为什么浏览器知道主线程是否执行完毕呢？其实有一个monitoring process会持续不断的监听主线程的执行情况，一旦执行完毕就会检查Event Queue里是否等待被调用的函数。如果存在，它就会调用这个Queue中第一个函数转移到主线程中。如果Event Queue为空，那么这个monitoring process会继续监听主线程的执行程序，检查Event Queue里是否等待被调用的函数，一直这样反复（monitoring process是一直工作着的）。这一整个过程就是Event Loop。
Event Table和Event Queue的必要性：为什么回到函数要从Event Table转移到Event Queue再转移到主线程那？
因为当异步任务完成后就执行回到函数的话，有可能同步任务还没有执行完，所以要转移到Event Queue中等待同步任务执行完，在执行。

es6 promise

当es6 promise出来后，异步任务就细分成宏任务和微任务.

宏任务:setTimeout,setInterval,script主代码
微任务:promise

其实和之前差不多，只不过 Event Queue 分成了 微任务队列和宏任务队列，两种任务放在不同队列里。
当js开始执行的时候，其实是宏任务，把宏任务的回调函数转移进主线程，主线程执行完之后把微任务队列全部清空（也就是执行），在执行宏任务，这样一直循环，形成Event Loop