js事件循环之微任务,宏任务
2019-10-09 本文已影响0人
小猪佩奇的王子
js单线程特性使得所有任务都排队执行,有一个事件循环的概念,不做深入解释
概念
微任务:promise的then, catch方法,node中process.nextTick方法
宏任务:非微任务,如同步任务,异步任务等
执行顺序
同步任务->微任务->异步任务
let A = setTimeout(function() {
new Promise(function(resolve, reject) {
console.log("A->异步宏任务promise")
resolve()
}).then(function() {
console.log("A->异步微任务then")
})
console.log("A->异步宏任务")
}, 0)
let B = new Promise(function(resolve, reject) {
console.log("B->同步宏任务promise")
resolve()
}).then(function() {
console.log("B->同步微任务then")
})
let C = console.log("C->同步宏任务")
结果
B->同步宏任务promise
C->同步宏任务
B->同步微任务then
A->异步宏任务promise
A->异步宏任务
A->异步微任务then
解释
A是异步任务,放入事件队列中等待执行
B是promise,new promise是同步任务,then是微任务等待resolve
C是同步任务
所以先执行B的new Promise,然后C,然后B的then,之后执行异步A,A内部的代码与上面顺序相同