js 中的宏任务和微任务执行顺序

浏览器是多线程的，JS是单线程的（浏览器只分配一个线程来执行JS）意味着js每次只能执行一个任务，那么，遇到异步任务首先会放到任务队列中（执行栈），先执行主线程中的任务，当主线程中的任务被执行完后，在回过来依次将执行任务队列中任务放入主线程去执行。

js中的任务分为：同步任务和异步任务，而异步任务又可以分为微任务和宏任务

宏任务：macro task	微任务: micro task
定时器(setTimeout,setInterval,setImmediate)	Promsie(async/await)
事件绑定(onClick)	process.nextTick
ajax	MutationObserver
回调函数
nodejs中的fs I/O操作

执行顺序：sync => micro => macro(同步代码 -> 微任务 -> 宏任务)

console.log('script start') // 主线程
// 宏任务-任务队列中
setTimeout(function() {
  console.log('setTimeout')
}, 0)
// 微任务-任务队列中
Promise.resolve().then(function() {
  console.log('promise1')
}).then(function() {
  console.log('promise2')
})
console.log('script end') // 主线程

// 所以执行的顺序：script start, script end, promise1, promise2, setTimeout

也可参考此博客：JS事件循环机制（event loop）之宏任务/微任务