在了解async以后,发现一个本身不是很熟悉的点儿,在这儿记录一下promise
js 中存在宏任务和微任务,js 的执行顺序是 一个宏任务执行结束以后才会去执行下一个宏任务,微任务是在本宏任务的主要的任务结束以后,再去执行微任务,当全部的微任务结束以后,这个宏任务也就算执行结束了,值的注意的是,script 就是一个大的宏任务
先分类:
宏任务 srcipt > setImmediate > messageChannel > setTimeout/setInterval
微任务 promise相关的 reslove 里边的
举例说明
<script>async
console.log("1")
setTimeout(function() {console.log('2')}, 0)
new Promise(function (resolve) {
console.log('3')
resolve()
}).then( function() {
console.log('4') ip
})ci
console.log('5')io
</script>console
结果会是 1 3 5 4 2 function
由于script 和 setTimeout 都是宏任务,因此setTimeout 会在script 结束以后执行,因此 2 的最后的
then 是微任务,要等宏任务的主线任务结束以后执行,因此会 是先3 ,而后跳出 执行 5, 5完成以后,宏任务的主线完成
开始执行微任务 then , 打印 4 ,以后,宏任务结束,开始执行另外一个宏任务,也就是 setTimeout , 打印 2im