js宏任务与微任务

判断一下下面这段js代码的执行顺序

<script>
console.log("1")

setTimeout(()=>{
	console.log("2")
},100)

new Promise((resolve,reject)=>{
	console.log("3")
	resolve()
}).then(()=>{
	console.log("4")
})

setTimeout(()=>{
	new Promise((resolve,reject)=>{
		resolve()
	}).then(()=>{
		console.log("5")
	})
	console.log("6")
},100)

console.log("7")

</script>
<script>
	console.log("8")
	//输出顺序 1、3、7、4、8、2、6、5
</script>

js明明是单线程的，为什么输出顺序不是1、2、3、4、5、6、7、8呢，这里需要分析一下js的异步任务了

js把异步任务队列分为宏任务和微任务。

宏任务是由宿主（浏览器，Node）发起的。 微任务是由js引擎发起的。

宏任务种类：script、setTimeout、setInterval、事件绑定的回调函数。

微任务种类：Promise.then()、Promise.catch()、Async/Await、Object.observe

注意：1、虽然 Promise 是异步操作，但是 Promise 执行器函数是同步执行的。当 Promise 对象的状态从 pending 变为 resolved 或 rejected 时，其对应的回调函数才会被加入微任务队列中。

2、顺序执行同一级的宏任务，子级(宏任务产生)的异步任务会推入异步任务队列，下次循环执行

js代码的执行顺序

宏任务->同步任务->微任务->浏览器渲染->宏任务->同步任务->微任务...