开始了解一点
宏任务（macroTask）、微任务（microTask）是异步中的一些概念，了解其有助于我们理解代码运行的细节。
其中，宏任务包括:setTimeout,setInterval,DOM事件，AJAX请求
微任务包括:Promise,async/await
重要结论：微任务 执行时机 比 宏任务 早
从小例子开始
下面的代码中，控制台打印依次打印什么数字呢？
console.log(1)
setTimeout(()=>{
console.log(2)
})
Promise.resolve()
.then(()=>{
console.log(3)
})
console.log(4)
答案是1 4 3 2，与结论一致。执行完同步任务后，在异步任务中，微任务的执行时机会比宏任务早。
细致的了解
重要结论：微任务先于DOM渲染，宏任务执行后与DOM渲染。
例子：
const $content = $('<p>内容</p>')
$('#box').append($content)
console.log(1)
setTimeout(()=>{
console.log(2)
altert('setTimeout')
})
Promise.resolve()
.then(()=>{
console.log(3)
Alter('Promise')
})
console.log(4)
在本例中，Promise先执行，控制台打印3，并出现提示框；此时，浏览器上并没有渲染出$content的内容，再点击提示框之后，DOM渲染执行，显示出内容，并弹出提示框Promise。
原理：Eventloop和DOM渲染
推荐阅读：对于宏任务和微任务，你知道多少？
摘选（有改动）：
这里，揭示了为何异步代码会比同步代码运行的晚，但还有一个疑点，为什么在上一个例子和结论中，Promise会比DOM渲染早呢？
一句话总结：
通过这一张图，即可知道为何微任务比宏任务早，并且先于DOM渲染
