宏任務：script（整體代碼），setTimeout，setInterval，setImmediate，i/o，UIrendering
微任務：promise，async/await，Object.observe，MutationObserver【微任務中newPromise是同步的，then和catch是異步的】
JS是單線程語言, 它會先執行同步, 在執行異步,[異步任務分為宏任務和微任務];
同步任務會放到主線程中執行, 異步任務會提交放置到異步任務隊列, 等同步執行完了之后在執行異步任務隊列,異步任務隊列先進先出【即先放到異步任務隊列的等同步執行完就先執行】;

一個完整的事件循環機制包括：宏任務和微任務，【每一個宏任務都有自己的一個微任務隊列】，宏任務和微任務加起來就是一個完整的事件循環；

/*
JS是單線程語言, 它會先執行同步, 在執行異步,[異步任務分為宏任務和微任務];事件循環當中宏任務?上微任務是一個完整的事件循環
同步任務會放到主線程中執行, 異步任務會提交放置到異步任務隊列, 等同步執行完了之后在執行異步任務隊列,異步任務隊列
先執行同步在執行異步,執行完同步 →執行微任務 → 宏任務 → 微任務…無限循環;
*/

代碼執行的時候
先走整體宏任務代碼，當遇到微任務，會先把微任務放到整體代碼宏任務的后面執行，等整體代碼執行完再去執行微任務，這就是一個完整的事件循環，如果在執行整體宏任務代碼的時候，遇到了宏任務那么這個宏任務就會被放到下一個事件循環機制當中執行，等上一個事件循環執行完，在執行這個事件循環的宏任務，以此類推；

console.log(1)
    setTimeout(() => {
        console.log(2)
    })
    var b = new Promise(function (resolve, reject) {
        console.log(3);
        resolve('輸出的東西');
    });
    b.then(() => {
        console.log(4);
    })

輸出結果是1，3，4，2；