宏任务：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；