JS宏任务和微任务

本文介绍了JavaScript中的宏任务和微任务。宏任务包括整体代码、setTimeout和setInterval等,由宿主环境提供;微任务如Promise和process.nextTick,则由语言标准提供。执行顺序遵循先执行宏任务,然后在当前宏任务结束后执行所有微任务,如此循环直至所有任务完成。
摘要由CSDN通过智能技术生成

宏任务:宿主环境提供的任务。
微任务:用语言标准提供的任务。

宿主环境:
简单来说,就是使JS运行的环境,目前常见的两种宿主环境有浏览器和node.

语言标准:
JS是一种编程语言,由它提供的就是微任务,比如ES6提供的promise

常见的宏任务:整体代码script、setTimeout、setInterval
常见微任务:Promise、process.nextTick

执行顺序:先执行一个宏任务,把微任务放在一个队列里执行完成后,执行下一个宏任务,查看是否有需要执行的宏任务依次执行,以此循环直到所有任务执行完毕。

注:Promise立即执行,then函数分发到微任务Event Queue,process.nextTick分发到微任务Event Queue

console.log('1主线程');					//整体script作为第一个宏任务进入主线程
setTimeout(function() {				//setTimeout,其回调函数被分发到宏任务Event Queue(执行规则:从上到下排序,先进先执行)中
    console.log('2宏任务');
    process.nextTick(function() {
        console.log('3宏任务里面的微任务');
    })
    new Promise(function(resolve) {
        console.log('4微任务');
        resolve();
    }).then(function() {
        console.log('5微任务')
    })
})
process.nextTick(function() {	//process.nextTick()其回调函数被分发到微任务Event Queue中
    console.log('6微任务');
})
new Promise(function(resolve) {		//Promise,new Promise直接执行,输出7
    console.log('7微任务');
    resolve();
}).then(function() {
    console.log('8微任务')			//then被分发到微任务Event Queue中,排在process.nextTick微任务后面。
})
setTimeout(function() {			//setTimeout,其回调函数被分发到宏任务Event Queue中,排在前面的setTimeout后面
    console.log('9宏任务');
    process.nextTick(function() {
        console.log('10宏任务里面的微任务');
    })
    new Promise(function(resolve) {
        console.log('11微任务');
        resolve();
    }).then(function() {
        console.log('12微任务')
    })
})
 
//执行结果: 1主线程、7微任务、6微任务、8微任务、2宏任务、4微任务、3宏任务里面的微任务、5微任务、
//          9宏任务、11微任务、10宏任务里面的微任务、12微任务
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值