js事件循环之微任务,宏任务

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内部的代码与上面顺序相同

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容